防止div ul浮动塌陷

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