Редактировать
Хорошо, после некоторого исследования, похоже, я использую clearfix.
Оболочка второго уровня (вторая обертка> первая обертка> изменить размер div). на самом деле содержит два плавающих элемента div, рядом друг с другом.
если ниже двух плавающих div'ов у меня `все работает отлично.
Что происходит?
<ч />
Привет,
У меня есть div, который можно скрыть, чтобы показать через jQuery.
это прекрасно работает в любом другом браузере.
контейнеры вокруг него выращены или сжаты правильно.
Однако Internet Explorer решил не играть хорошо.
что происходит,
div, содержащий jQueried div, правильно увеличивается или уменьшается, однако div , содержащий этот , содержащий тот, который содержит этот, остается той же высоты.
Теперь это раздражает,
Я не считаю, что это проблема css, потому что как только я делаю что-то, что приводит к перерисовке окна (изменяет размер / вызывает инструменты разработчика и т. Д.), Эта проблема исправляется сама собой.
почему это так и как я могу это исправить?
<ч />
Оболочка 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;
Упаковщик-обертка 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;