Div没有在Internet Explorer中调整大小

Question

修改 好的，经过一些研究后，它似乎是我正在使用的clearfix。

第二级包装器（第二个包装器＆gt;第一个包装器＆gt; resize div）。实际上包含两个浮动的div，彼此相邻。

如果低于两个浮动的div，我就会“完美无缺。”

怎么回事？

<小时/> 你好，

我有一个div可以通过jQuery隐藏显示。

这在任何其他浏览器中都很完美。

它周围的容器正确地生长或缩小。

然而，互联网浏览器决定不玩得好。

会发生什么，

包含jQueried div的div正确生长或shunk但是包含那个的div 包含包含该那个的保持相同的高度。

现在烦人的是， 我不认为这是一个css问题，因为只要我做了导致窗口重新绘制的内容（调整大小/调出开发人员工具等），这个问题就会自行解决。

为什么会这样，我该如何解决？

<小时/> 包装器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;

Wrappers wrapper 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;
}

Wrappers包装器包装器div css

background-color: white;
padding: 10px;

Answer 1

我有一次类似的问题。看起来父母div“不知道”孩子们正在萎缩和成长。如果我是你，我会将一个函数绑定到子div的resize事件（http://goo.gl/mvBX9），并动态地动态改变父div的css属性。

Answer 2

尝试在包装器上使用overflow: hidden，这样就可以从它的子项中获取它的尺寸。

您可以在此处看到一个非常简单的示例：http://jsfiddle.net/YqQDD/

这适用于ie7和ie8