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>