前端無遠弗屆

在 css 裡面，如果子元素 div 設float:left

在Firfox底下父元素div 不會隨著自動更改高度

 

<div id="aa">
      <div id="bb">
      </div>
</div>

#aa{background:#ffffff;}
#bb{float:left;}

 

之前都是在最底下，塞一個空的<div style="clear:both"></div>

但今天發現更簡單的方法似乎可行

就是在父div css裡面加一個 overflow:hidden;

FF IE6 IE7 測試皆正常

#aa{background:#ffffff; overflow:hidden;}

 

資料來源：http://goo.gl/sjhWi