Firefox外框DIV背景寬度顏色跟隨裡框DIV自適應

一直不太明白overflow:hidden起什麼作用。今天突然發現了是調瀏覽器安全色的一個不錯的辦法，嵌套在外面的DIV如果不給它高度，就不能在FIREFOX中自動隨著裡面的DIV高度自動適應，如果不給外面大DIV邊框顏色也就無所謂了，但是如果你給了邊框一個寬度和顏色，在Firefox下顯示的就是幾乎重疊的。所有有個辦法就是給外面大的DIV加個屬性哦、overflow:hidden,這樣在Firefox下就實現了跟隨裡面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;
}