在實際的專案中，常常會遇到不能給容器設定固定高度的情況，因為容器的高度是隨著內容的變化而變化的，如果該容器正好有邊框或者背景，並且子元素設定了浮動，那麼在某些瀏覽器裡是無法顯示出來的，而這個問題一般會有以下的解決方法。
方法一：
方法二：在該容器的最後乙個子元素的下方新增乙個同級元素並清除浮動：
當然還有其它的方法，但以上兩種是最常用也是較為合理的。
在子元素不需要用到負外邊距時，推薦使用方法一；
如果子元素需要設定負外邊距，方法一就會隱藏到子元素的某些部分，此時推薦使用方法二。
拓展：
眾所周知，360瀏覽器擁有三種模式，極速模式（chrome核心）、相容模式（ie相容核心）、標準模式（ie標準核心），我們可以根據需求讓網頁預設使用某種核心開啟。
360瀏覽器為我們提供了很簡單的解決辦法：
預設用極速核心開啟，增加標籤：
預設用ie相容核心開啟，增加標籤：
預設用ie標準核心開啟，增加標籤：
以上方法只適用於360瀏覽器，當然，我們期望某些同樣擁有多種模式的瀏覽器，能夠早日支援這個功能，讓這個核心控制標籤成為行業標準。
（本文**於不浮不安部落格）
解決子div撐不開父div
今天專案遇到問題記錄,找了半天的方法都好像都不適用我的.最後大佬兩句話解決,記錄下來希望對小夥伴們有用 方法一 推薦 設定父div的overflow hidden 自己結果 僅供參考 此方法我的會把多餘的隱藏.然而並不是我想要的結果 撐開 方法二 父div結束前增加乙個空div style clea...
子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...