Div не изменяет размер в Internet Explorer

Question

Редактировать Хорошо, после некоторых исследований, похоже, это clearfix, который я использую.

Обертка второго уровня (вторая обертка> первая обертка> изменение размера div). фактически содержит два плавающих divs, рядом друг с другом.

если ниже двух плавающих divs у меня есть «все работает отлично.

Что происходит?

---

Привет,

У меня есть DIV, которые могут быть скрыты от показано с помощью JQuery.

это прекрасно работает в любом другом браузере.

контейнеры вокруг него выращены или сжаты правильно.

Интернет-исследователь однако решил не играть хорошо.

что случается,

DIV, содержащий DIV jQueried выращен или Шанк правильно, однако ДИВ содержащий, что один , содержащий один, который содержит, что один остается такой же высоты.

Теперь это раздражает, Я не считаю, что это проблема css, потому что, как только я делаю что-то, что заставляет окно перерисовывать (изменять размер/раскрывать инструменты разработчика и т. Д.), Эта проблема исправляется.

Почему это и как я могу это исправить?

---

Wrapper DIV CSS

background: -webkit-gradient(linear, 0% 0, 0% 100%, from(white), to(#D9D9D9)); 
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = 'white', endColorstr = '#D9D9D9'); 
background: -moz-linear-gradient(270deg, white, #D9D9D9); 
border-bottom-left-radius: 0px; 
border-bottom-right-radius: 10px; 
-moz-border-radius: 0 0 10px 0; 
padding: 10px; 
float: left; 
width: 710px; 

Упаковщики обертка ДИВ 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 был «не знаком» с дочерним домом, который сжимается и растет. Если бы я был вами, я бы привязал функцию к событию resize дочернего div (http://goo.gl/mvBX9) и динамически изменял свойства css родительского div на лету.

Answer 2

Попробуйте использовать обертку overflow: hidden, таким образом она получит размеры от своих детей.

Вы можете увидеть очень простой пример здесь: http://jsfiddle.net/YqQDD/

это работает в IE7 и IE8