父div不会被子div撑高

 

<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中撑高，标准浏览器中不撑高