关于清除浮动的问题

设计网页的时候经常会遇到清除浮动的问题，在此记一下清除浮动的几个方法。

1）空标签。常用<div>，为其定义CSS代码：.clear{clear:both;}。用在具有浮动属性元素之后

2）overflow属性。用在具有浮动属性元素的父容器中。.father{overflow:auto;zoom:1;} “zoom:1”用于兼容IE6

3）after伪对象清除浮动。用在具有浮动属性元素的父容器中。.father:after{display:block;clear:both;content:".";visibility:hidden;height:0} 

转载于:https://www.cnblogs.com/connie1120/archive/2011/12/09/2282388.html