【Css】使用float:left浮动后 导致后面div高度“塌陷”的解决办法（示例和图示）

正确的样式：在父元素中增加一条：overflow:hidden;

错误的样式：

上图，当"精选推荐"的span使用float:left后，后面的div线顶上去了。

解决办法：

在父元素中增加一条：overflow:hidden;

#shop .title {margin: 20px 15px;font-size: 15px;font-weight: bold;color: rgb(53, 53, 53);overflow:hidden; /*父元素中增加这个是关键*/}#shop .title span {margin-left: 5px;display: block;float:left;}