一直不太明白overflow:hidden起什么作用。今天突然发现了是调浏览器兼容的一个不错的办法，嵌套在外面的DIV如果不给它高度，就不能在FIREFOX中自动随着里面的DIV高度自动适应，如果不给外面大DIV边框颜色也就无所谓了，但是如果你给了边框一个宽度和颜色，在火狐下显示的就是几乎重叠的。所有有个办法就是给外面大的DIV加个属性哦、overflow:hidden,这样在火狐下就实现了跟随里面DIV的自适应。而且我在IE,Safail,firefox,Chrome,都测试了。下面是代码，可以另存测试，外面的大DIV就是warp
<style>
.warp{margin:auto; width:800px; border:#000 solid 1px;overflow:hidden}
.left_box{float:left; width:30%;height:600px; border-right:#ff0 dashed 1px;}
.right_box{float:right;width:60%;height:600px;border-left:#f00 dashed 1px}
</style>
</head>
<body><div class="warp"><div class="left_box"></div><div class="right_box"></div></div>
引用地址:http://www.jsweb8.cn/html/css_share/944.htm来自（JS特效学院）