围绕动态添加的字段扩展容器

Question

在Internet Explorer中，当我动态生成一个字段时，一切都向下移动。但是，周围的容器保持相同的高度，一切都只是移过它。

尝试点击“添加语言”或“添加技巧”，然后向下滚动到底部。

有什么建议吗？

http://quspot.com/ie_test/

EDIT /

语法是

<div id="content">
    <div class="wrapper"></div>
</div>

.wrapper正在扩展正常（我添加了背景颜色以确保），＃content div不是。

Answer 1

是否将overflow:hidden;添加到容器div帮助？

---

提供链接后更新

它与.clearfix有关，我认为应用了太多，并且它们以奇怪的方式继承

我更改了reset .clearfix：

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

为：

.clearfix {overflow: hidden;}

并且它停止发生，虽然虽然clearfix方法适用于此表单，但它可能不适用于站点范围，所以你可能想看看你真正需要clearfix的div，你应该只需要它content_body divs ..因为你只想在每个

中包含浮动的表单元素

Answer 2

我通过直接在内容上添加包装器的属性然后执行此操作来修复它

<div id="content">
    CONTENT
    <br clear="all" />
</div>

但是如果有人有解决方案，我想在我需要在内容区域中添加外部包装器时使用包装器。