我测试了下代码 不设置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