float引起的高度塌陷问题

如果父容器只包含浮动元素,且未指定高度,那么父容器的高度将变为0。

清除浮动,解决方法有:

  1.在父元素结束前添加一个宽高为0,clear:both 的空div

  2.为父元素添加overflow: hidden

  3.使用after伪对象清除浮动

原文地址:https://www.cnblogs.com/doudoujun/p/6427485.html