我測試了下代碼 不設(shè)置overflow樣式，而替換成固定高度是可以的。但是一般div不設(shè)置固定高度，因?yàn)橄駇ainbody里面的內(nèi)容可能有時(shí)候比高度還要多，所以可以設(shè)置最小高度會比固定高度好。

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

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

二、不了解的機(jī)制-BFC

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

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

具體網(wǎng)址見：http://www.cnblogs.com/luoqian/p/5987788.html