清除浮动

1.使用空标签

给所有浮动标签后面添加一个空标签,定义CSS clear:both. 但是这种方法会增加一个无意义的标签。

2.设置父级元素为BFC元素

3.使用after伪元素清除浮动

这个方法只适用于非IE浏览器。该方法必须为需要清除浮动元素的伪对象中设置height:0,不然该元素会比实际元素高出若干像素。

#parent:after{
    content:".";
    height:0;
    visibility:hidden;
    display:block;
    clear:both;
}

最后更新于