怎么解決css DIV嵌套時外層無法自適應(yīng)高度問題

發(fā)布時間：2021-11-18 14:47:40 來源：億速云閱讀：197 作者：iii 欄目：web開發(fā)

本篇內(nèi)容介紹了“怎么解決css DIV嵌套時外層無法自適應(yīng)高度問題”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

1、在外層的CSS代碼中加入display:table

2、第二種解決方法是定義一個CSS類：

.box:after{  content:".";  display:block;  height:0px;  clear:both;  visibility:hidden;  }

然后將父層DIV代碼中的<divid="main">改為<divid="main"class="box">。

3、在外層（父層）CSS代碼中加入overflow:auto;

在我使用了上面3種方法后，我覺得只有第3種方法有效，但是其效果不是很好，但是不會出現(xiàn)異常，不過為了更***的解決這個問題，我介紹一個很有效的方法給大家試試，這個方法絕對有效，而且也是很簡單的。

最終解決方法：根據(jù)上面的3個方法，最終我的解決方法是，在外層（父層）CSS代碼中加入下面兩個屬性值（一個都不能少）。

clear:both;overflow:auto;

“怎么解決css DIV嵌套時外層無法自適應(yīng)高度問題”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！

向AI問一下細(xì)節(jié)

猜你喜歡