清除浮动比较好的方法

给父容器添加一个：after伪元素，并使用content："."，或者为" "，在元素的后面生成了内容为一个点的块级元素，并使用一切方法使这个块级元素隐藏并清除浮动clear:both。

例：

.parent:after{
content: ".";/*生成一个元素内容为"."，为" "时也好用*/3        

display: block;/*让元素为块级元素*/4        

height: 0;/*用以下两种方式让元素不渲染*/5        

visibility: hidden;
clear: both;/*清除浮动*/7     }