• 开启BFC或者hasLayout

  .clear{
    overflow: hidden;
    zoom: 1;
  }
  

• 使用清除浮动

  .clearfix:after{
    content: "";
    display: block;
    clear: both;
  }
  .clearfix{
    zoom: 1;
  }
  

使用方法是在高度塌陷的父元素的class属性中添加值clear或者clearfix。

如发现错误请联系我，谢谢你。
本文链接：http://ninefire.tk/HTML&CSS.basics/49.html