overflow:auto;父容器高度自适应问题

当一个父容器里面的子元素都浮动之后，子元素的高度将被忽略，所以父容器的高度不会被子元素撑高（除非另外设定高度），

解决办法是给父容器添加如下规则：

<div class="main">
  <div class="left"></div>
  <div class="right"></div>
</div>

<style>
  .main{width:80%; background:#000000; padding:20px; overflow:auto;}
  .left{ height:200px; width:20%; background:#666666; float:left;}
  .right{ height:200px; width:80%; background:#0000FF; float:left;}
</style>