解決子div撐不開父div

2021-08-19 22:46:30 字數 806 閱讀 2540

今天專案遇到問題記錄,找了半天的方法都好像都不適用我的....最後大佬兩句話解決,記錄下來希望對小夥伴們有用

方法一:推薦

設定父div的overflow:hidden;

自己結果(僅供參考):此方法我的會把多餘的隱藏.然而並不是我想要的結果(撐開)

方法二:

父div結束前增加乙個空div style=」clear:both;」

[html] 

view plain

copy

.clear   

<

div>

<

divstyle

=」float:left;」

>

<

divclass

=」 clear」 

>

div>

自己結果(僅供參考):沒看到效果

方法三:這是一位大佬谷歌翻譯找出來的

[html] 

view plain

copy

.clearfix:after   

/* hides from ie-mac \*/  

* html .clearfix   

/* end hide from ie-mac */  

自己結果(僅供參考):和2方法差不多

方法四:設定高,或者js動態設定(不推薦,css能解決的不用js)

我最後解決方法:

子div 加 position:static   父div加  height:auto

我專案完美解決 ,也許我的就是這樣,僅供參考  錯了提出來 勿噴!謝謝

子div撐不開父div的幾種解決方法

子div撐不開父div的幾種解決方法 子div撐不開父div的情況 tatatattttaatatatatatatata tatatattttaatatatatatatata 顯示結果 解決方法 一 加 例項 tatatattttaatatatatatatata tatatattttaatatata...

子DIV使用float後撐不開父DIV的問題

2011 04 16 12 21 19 分類 css 標籤 divheight 撐開ie6 auto 舉報 字型大小訂閱 子div使用float後不撐開父div的問題。方法出處,但是之間的區別是我自己總結的 背景 ie6父div不管加不加height,指不指定固定的height都可以自動撐開的。ie...

縱向進度條向上過度 子div撐不開父div

縱向進度條向上過度 分析 span和兩個div全部絕對定位。div1 div2 span div2 hover 40 子div撐不開父元素 1 子元素float父div撐不開解決方案 方案3 常用方法 給父元素加 overflow hidden 方案4 常用方法 給父元素新增 display tab...