布局中清浮动

清浮动

1
2
3
4
<div id="container">
<div id="content"></div>
<div id="sidebar"></div>
</div>

子元素是浮动的,清除浮动让父元素能够包住的办法有二:

1
2
3
4
5
.container:before,container:after{
content="";
display:block;
clear:both;
}
1
2
3
4
.container{
overflow:auto;
zoom:1;//兼容IE6
}