父级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配合使用,因为超出的尺寸的会被隐藏。