主要div不能正确缩放动态内容

Question

我有一个html表，它位于div中，它本身位于另一个div中。

<div id='mainHolder'>
    <div id='primaryContent'>
        <table>moar content</table>
    </div>
    <div id='secondaryContent'></div>
</div>

我现在遇到的问题是，当我在表格中动态添加内容时，'mainHolder'无法正确缩放。但'primaryContent'div确实可以正确缩放。

以下是完整解决方案的链接。 Here

感谢您的回复：）

Answer 1

演示：http://jsfiddle.net/g2MsH/6/

.container:after {
    clear:both;
    content: ".";
    display:block;
    height: 0;
    visibility: hidden;    
}

Answer 2

将overflow: hidden添加到容器中。这是一个清算问题。你在mainContent左边有一个浮动，它没有被清除。

http://jsfiddle.net/g2MsH/5/

Answer 3

这就是你要找的东西

clear:both; // in .container

http://jsfiddle.net/g2MsH/4/