2011-04-16 12:21:19
| 分類：
css| 標籤：
divheight
撐開ie6
auto|舉報
|字型大小訂閱
子div使用float後不撐開父div的問題。
方法出處，但是之間的區別是我自己總結的:
背景:
ie6父div不管加不加height，指不指定固定的height都可以自動撐開的。
ie7 父div加了固定height高度後撐不開，不設定height或者使用height:auto;後可以撐開。
ff下面父div不管使用height:auto;或者不使用height都撐不開，需要使用下面方法。
--注意--: 使用下面方法時，父div的height很關鍵，可以不要這個值，要的話應該設成height:auto;
方法1:
如果子div用了float，那麼display:block和clear:both兩個樣式就沒了，所以就不會撐開父div,可以在子div後面加乙個
來解決。 如下:
此方法對ie6、ie7、ff都有效，但是如果指定了固定height值，那麼ie6可以撐開，ie7和ff都撐不開; 使用height:auto;後ie6 ie7 ff都可以撐開。
方法2:
a.定義乙個偽物件。
.clearfix:after
b.讓父對像使用此class。
此方法對ie6、ie7、ff都有效，但是如果指定了固定height值，那麼ie6可以撐開，ie7和ff都撐不開。使用height:auto;後ie6 ie7 ff都可以撐開。
順便總結一下怎麼讓子物件撐不開父物件的方法。
用overflow防止子物件撐開父物件。
父div如果用了overflow:auto; 那麼子div超過時，會以父div高度出現滾動條。
父div如果用了overflow:hidden; 那麼子div超過時，會被隱藏掉。
解決子div撐不開父div
今天專案遇到問題記錄,找了半天的方法都好像都不適用我的.最後大佬兩句話解決,記錄下來希望對小夥伴們有用 方法一 推薦 設定父div的overflow hidden 自己結果 僅供參考 此方法我的會把多餘的隱藏.然而並不是我想要的結果 撐開 方法二 父div結束前增加乙個空div style clea...
子Div使用Float後如何撐開父Div
乙個div包含了多個子div，並且子div使用了浮動後，父div確不能被撐開，如下圖 部分 如下 1 style 2 div1 3 div2,div3 4style 56 div id div1 7 div id div2 twodiv 8 div id div3 onediv 9div 如果想要撐...
子Div使用Float後如何撐開父Div
乙個div包含了多個子div，並且子div使用了浮動後，父div確不能被撐開.部分 如下 two one 如果想要撐開父元素可以採用以下方法 方法一 父元素設定overflow以及zoom，樣式如下 方法二 父元素也是設定浮動效果，樣式如下 此方法有個缺陷是，父元素的寬度需要設定。方法三 在新增乙個...