今日面试题：清除浮动的方法？

父级div定义伪类：after和zoom

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

div{
    zoom:1;
}

浏览器支持好，两句代码结合使用，才能让主流浏览器都支持

 

在结尾处添加空div标签clear:both

div{
    clear:both;
}

浏览器支持好，但如果页面浮动布局多，就要增加很多空div

 

父级div定义height

div{
    height:100px;
}

父级div手动定义height，就解决了父级div无法自动获取到高度的问题，只适合高度固定的布局，要给出精确的高度

 

父级div定义overflow:hidden

div{
    width: 90%;
    overflow:hidden;
}

必须定义width或zoom:1，同时不能定义height，使用overflow:hidden时，浏览器会自动检查浮动区域的高度。

不能和position配合使用，因为超出的尺寸的会被隐藏。