<div id="nofloatbox"> <div class="floatbox"></div> <div class="floatbox"></div> <div class="floatbox"></div> </div>
样式代码如下:
1)如果没有zoom:1那么在ie6中父div不会被子div撑高
2)因为子div有了float:left所以在标准浏览器里面父div不会被子div撑高;解决办法就是在子div的同级上再加一个div,并且设置其clear:both
#nofloatbox { border: 1px solid #FF0000; background: #CCC; zoom:1; height:auto; } .floatbox { float: left; width: 100px; height: 100px; border: 1px solid #0000FF; background: #00FF00; }
上面代码只实现在ie6中撑高,标准浏览器中不撑高