闭合高度_height:1% 解析

今在做个DIV布局时遇到个问题,外围的DIV不能完全把里面的DIV框住,郁闷中,在网上查到只要在外围DIV上加上样式:overflow:auto; _height:1%;}便可解决该问题。

附：在外围元素添加overflow:auto;可以解决除了IE6以外的浏览器的问题。要解决ie6的问题，再加上 _height:1%; ，这个问题就完全解决了。

没有加：overflow:auto; _height:1%;


加了：overflow:auto; _height:1%;

 

 

 

css部分：

#wrap{ border:6px #ccc solid; overflow:auto; _height:1%;}
.column_left{ float:left; width:20%; padding:10px;}
.column_right{ float:right; width:75%; padding:10px; border-left:6px #eee solid;}

html部分：

<div id="wrap">
    <div class="column_left">
    <h1>Float left</h1>
    </div>
    <div class="column_right">
    <h1>Float right</h1>
    </div>
</div>

IE Hank ：

_height:1% 和height:1%; 这个是不同的，_height:1%,只有ie才认识，只要在父元素的属性上加上：overflow:auto;_height:1%; 父元素闭合的问题就ok了.

 

 

详细参考：http://adamghost.com/2008/12/ie-haslayout-%E8%AF%A6%E8%A7%A3/