乙個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 如果想要撐...