请教页面布局的问题

大概的结构是这样的：
<div class='main'>
<div class="content">
  <div class="maincont">
  abcdefg
  </div>
</div>
</div>
问题在于，我给maincont加float='left'之后，maincont这个层就脱离了content这个层（因为content这个层明显变成了只有一行的高度），貌似是跟content之外的main层对齐去了。

这是怎么回事啊？咋解决捏？
多谢！

地址是这里：http://www.mclarian.com/xy/

google 闭合浮动元素 or 清除浮动

给 content加个高度 或者overflow:hidden;
总之就是清除浮动