剛入門**設計布局的開發者肯定會碰到這樣的問題，那就是當子容器全部浮動的時候，父容器的高度不能自動撐開。在我scneidmud們沒有為富容器設定邊框或背景的時候是看不到這個問題的，如下的**。
複製**
**如下:
i'm a son container .
scneidmud; 程式設計客棧 left; background: #f60; width: 180px; height: 180px;">i'm the other son container .
執行後，大多數的人會覺得很明顯，這就是乙個父容器包裹著兩個子容器，但其實沒有那麼簡單，父容器的高度會顯示為0，你能看到的只是父容器的邊框，而高度並沒有被內部的兩個子容器的高度撐開。這個時候如果我們為父容器設定背scneidmud景將不會被顯示。
解決的方法其實比較簡單，那就是給父容器增加乙個屬性，overflow:hidden。
另外乙個有效的方法就是在所有的子元素閉合標籤後增加乙個
複製**
**如下:
來清除浮動。這也是乙個比較好的做法，通常用在父容器需要設定固定高度的時scneidmud候，但是又怕內容太多由於設定了overflow而不能顯示。這兩種方法都是有效的，大家可以在實踐中測試。
本文標題: 解決子容器全部浮動時父容器高度不能自動撐開的方法
本文位址:
Spring 父容器與子容器
一 spring容器 父容器 2 service物件 二 springmvc 前端控制器 子容器 controller物件 1.標準的配置是這樣的 controller只在springmvc的配置檔案掃瞄。service等只在spring容器的配置檔案配置掃瞄。2.spring中也可以掃瞄contr...
容器內元素float時，容器自動高度的解決方案
先看html 如下 1 div id wrap 2 div id header 3 h1 three colums layout.h1 4div 56 div id content 7 div id main 8 p hello,css html.p 9 p i love this game.p 1...
DIV撐滿父容器剩餘高度
頁面框架關係如下圖 如果使 使用者組織 任務區的頁面內部的div能夠自動撐滿顯示區高度，需要將 外層div 的高度設為100 height 100 但是這個100 是相對於父級元素的高度而定的，如果父級元素的高度不確定，這個100 是不起作用的，也就是說，外層div的所有父級頁面的高度都要設定，有值...