我測試了下代碼 不設置overflow樣式，而替換成固定高度是可以的。但是一般div不設置固定高度，因為像mainbody里面的內容可能有時候比高度還要多，所以可以設置最小高度會比固定高度好。

關于overflow:hidden 為什么能清楚父級元素的浮動，我查找到了一個較為清楚的解釋，可以參考理解。

我們大家理解的overflow:hidden是超出該元素的部分進行隱藏。這個時候就需要明確一點，該元素的高度是怎么定義的。當一個div中的兩個元素浮動之后，此時div的高度就會塌陷，此時div的高度為0。那是不是意味著就要將浮動元素隱藏起來，如果是真的隱藏就是反布局常識的。所以這中間肯定有我們現在還不知道的機制。

二、不了解的機制-BFC

定義：BFC（Block Formatting Context）全稱是塊級格式化上下文，用于對塊級元素排版，默認情況下只有根元素（body）一個塊級上下文，但是如果一個塊級元素設置了float:left,overflow:hidden或position:absolute樣式，就會為這個塊級元素生產一個獨立的塊級上下文，使這個塊級元素內部的排版完全獨立。

作用：獨立的塊級上下文可以包裹浮動流，全部浮動子元素也不會引起容器高度塌陷，就是說包含塊會把浮動元素的高度也計算在內，所以就不用清除浮動來撐起包含塊的高度。

具體網址見：http://www.cnblogs.com/luoqian/p/5987788.html