清除浮动的几种方法

HTML 3年前 1 277

(1)给父元素添加高度height，防止父元素无法获取高度的问题（防止父元素高度变为0），只建议高度固定的布局

(2)结尾处加空div标签给 clear:both

(3)父级div定义伪类 :after 和 zoom

div:after{
    content:"";
    height:0;
    line-height:0;
    display:block;
    visibility:hidden;
    clear:both; 
}
div{
    zoom:1;
}

(4) 父级div定义 overflow:hidden或auto

(5)（只做了解,不推荐使用）父级div 也一起浮动

(6)（只做了解,不推荐使用）父级div定义 display:table