子div浮動,父div的如何撐起來

2021-07-28 21:30:31 字數 381 閱讀 9166

1、父div設定overflow與zoom 。div1加乙個class

.class             簡單粗暴

這個zoom屬性是ie特有的,這個屬性是用來放大頁面的大小的,zoom:2;就是放大2倍,但由於其他瀏覽器不支援,所以這個屬性更多的是用作來清除浮動。

2、新增乙個子div,用它來清除浮動

簡單粗暴

這樣會多新增乙個無意義的div標籤,對於有時候遍歷文件樹的時候不好。

3、把父div也變成float,不過這樣要設定父div的寬度,否則兩個子div就會變成上下排列,即父div寬度為200px,高度400px。

4、著名的clearfix方法   在父div新增乙個clearfix類

對於這個有個很好的文章 。

子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,樣式如下 方法二 父元素也是設定浮動效果,樣式如下 此方法有個缺陷是,父元素的寬度需要設定。方法三 在新增乙個...

子Div使用Float後如何撐開父Div

乙個div包含了多個子div,並且子div使用了浮動後,父div確不能被撐開,如下圖 部分 如下 1 style 2 div1 3 div2,div3 4 style 5 6 div id div1 7 div id div2 twodiv 8 div id div3 onediv 9 div 如果...