火狐外框DIV背景宽度颜色跟随里框DIV自适应

一直不太明白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>

.mainxw{
height: 100%;
width: 830px;
font-size: 12px;
color: #000000;
background-color:#FFFFFF;
overflow:hidden;
}