在 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

arrow
arrow
    文章標籤
    css
    全站熱搜
    創作者介紹
    創作者 Apries 的頭像
    Apries

    前端無遠弗屆

    Apries 發表在 痞客邦 留言(0) 人氣()