CSS伪类清除浮动用来处理在父元素内有浮动元素时产生的高度塌陷的问题,一般使用以下两种方法:
.clearfix:after { content: ""; display: block; clear: both; }
这个方法是在父元素上设置一个伪元素,将其清除浮动,同时content属性的值为空。
另外一种方法是在父元素上设置overflow属性为hidden,这种方法需要注意,因为当子元素宽度大于父元素时,子元素的内容会被截断。
.parent { overflow: hidden; }
这种方法适用于简单的清除浮动,且父元素大小已经确定,此时设置overflow: hidden; 可以有效避免高度塌陷的问题。