Div在Internet Explorer中沒有調整大小

Question

編輯好，做完一些研究后，似乎是我正在使用的clearfix。

第二層包裝器（第二個包裝器>第一個包裝器>調整div的大小）。 實際上包含兩個相鄰的浮動div。

如果在兩個浮動div之下，我有`一切正常。

這是怎么回事？

---

嗨，您好，

我有一個可以通過jQuery隱藏的div。

這在任何其他瀏覽器中都可以完美運行。

周圍的容器正確生長或收縮。

但是Internet Explorer決定不玩得很好。

發生的是

包含jQueried div的div正確生長或收縮，但是 包含 該div的div 包含一個 包含該div的div 的 高度保持不變。

現在令人煩惱的是，我不認為這是一個CSS問題，因為一旦我執行某些操作會導致窗口重新繪制（調整大小/使用開發人員工具等），此問題便會自行修復。

為什么會這樣，我該如何解決？

---

包裝div CSS

background-color: white;
padding: 10px;

包裝器包裝器div CSS

 background-color: #D4D3D1; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius: 0 0 10px 10px; border: 1px solid #8B8B8B; .clearfix { display: inline-block; } .clearfix::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 

包裝器包裝器包裝器div CSS

 background-color: white; padding: 10px; 

Answer 1

我曾經有過類似的問題。 父級div似乎“不知道”子級div在縮小和增長。 如果您是我，則將一個函數綁定到子div的resize事件（http://goo.gl/mvBX9），並動態地動態更改父div的css屬性。

Answer 2

嘗試使用overflow: hidden在包裝器中，這樣它將從子級獲得尺寸。

您可以在此處看到一個非常簡單的示例： http : //jsfiddle.net/YqQDD/

這在ie7和ie8中工作