div容器無法將外層div容器撐開

2021-07-24 04:23:33 字數 324 閱讀 7511

當div1裡面巢狀有乙個div2,當div2設定了浮動,那麼div1是無法被撐開的,也就是說div2在這裡相當於浮在了頁面上方,跟div1不在同乙個層面,導致了div2無法把div1給撐開。

可以有兩種解決辦法

1、清除浮動

2、給外層div設定overflow:auto;

這2種方法都可以實現div2把div1撐開。不過建議使用第一種方法,要養成乙個習慣,在浮動應用完後消除浮動,這樣後面的div就不會繼承這個浮動(就像在程式設計的時候,在開啟資料庫,操作完後,要養成個習慣在後面把資料庫關閉)。也就是說浮動這個東西會被繼承,除非消除這個浮動,才不會讓後面接著的div受到繼承。

讓Div內層將DIV外層撐開

在css排版中,如果乙個層中的層使用了float浮動的話,那麼就有可能會出現外層沒有被內層撐開的情況,如以下 所示 divstyle width 300px background color red 測試 divstyle width 100px height 100px background co...

讓內層Div將外層Div撐開

在css排版中,如果乙個層中的層使用了float浮動的話,那麼就有可能會出現外層沒有被內層撐開的情況,如以下 所示 divstyle width 300px background color red 測試 divstyle width 100px height 100px background co...

外層div自適應內層div高度

最近在做專案的時候,寫jsp頁面,在顯示一些資料時不知道資料的多少,這時候就需要外層div自適應內層div的高度。在網上找了些方法,也是本人現在用的解決方法,這裡只介紹一種,當然還有很多種解決方法。如 1 div id div 1 2 div id div 1 1 div 3 div id div ...