乙個div包含了多個子div，並且子div使用了浮動後，父div確不能被撐開，如下圖：
部分**如下：
15 6 7 two
8 one
9 如果想要撐開父元素可以採用以下方法：
方法一：
父元素設定overflow以及zoom，樣式如下：
1方法二：
父元素也是設定浮動效果，樣式如下：
1此方法有個缺陷是，父元素的寬度需要設定。
方法三：
在新增乙個子元素，並設定clear樣式：
1 2 two
3 one
4
5 此方法新增了乙個div元素，有些情況下可能這個div會影響元素的遍歷。
以上方法 使用doctype html 4.0 以及 doctype xhtml 1.0 的 transitional 在ff ie6 ie7 ie8 下測試通過，其他瀏覽器沒有測試。
子元素使用float，如何撐開父元素
子元素使用float,導致其脫離文件流，父元素塌陷問題的解決方法 html all1 left1 1div left2 1div style clear both div div css left1 left2 all1 這個方法的關鍵在於用了clear both來清除了浮動元素，把父元素all1撐...
css 子元素設定float,父元素高度塌陷
以div元素為例。div元素的高度會通過內容自動撐開。也就是說，內容有多少，高度就有多高。但是當內部元素設定了float屬性之後，會是父元素高度塌陷 div class container p hello world hello world p div class clearfix div div ...
子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 如果想要撐...