在我们通过一个div ul li的简单模式中,如果将li进行浮动,来横向排列,也就是添加float:left。那么在不固定div和ul的高度的时候,就会造成元素塌陷。 解决方式是使用伪元素after来撑开,即给ul添加一个after。 该方法对于绝对浮动元素(position: absolute;)的父级添加,也是有效的。 这样可以灵活的控制元素高度,避免出现塌陷。

防止div ul浮动塌陷

防止div ul浮动塌陷