用伪对象:after清除浮动
当父级容器是自适应高度，而里面有浮动对象时，浏览器会认为容器的高度还没结束，所以不会显示父级容器的背景色和边框，需要清除浮动闭合标签。
我们通常的办法是在后面加一个DIV来清除浮动，使父级容器的高度和内容一样。除了这个方法，我们还可以使用 伪对象 :after，其特点是：不需要另外加个清除DIV.
:after（伪对象）–设置在对象后发生的内容，通常和content配合使用，IE不支持此伪对象，非Ie 浏览器支持，所以并不影响到IE/WIN浏览器。
代码如下：
div:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
