【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;
  }