Javascript 主div未使用动态内容正确缩放

我有一个html表，它在一个div中，而这个div本身也在另一个div中

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

摩尔含量

我现在遇到的问题是，当我在表中动态添加内容时，“mainHolder”不能正确伸缩。但“primaryContent”div确实可以适当扩展

下面是完整解决方案的链接

感谢您的回复：）

演示版：

---

将

溢出：隐藏的
添加到容器中。这是一个清算问题。mainContent左侧有一个未清除的浮动

这就是你要找的吗

clear:both; // in .container

您的表标记无效。看一看完整的东西，它的链接…工作得很好，因为我不清楚：两者都有？属性：after是否在渲染后运行？关于内容属性，再细化一点就好了。这是因为浮动元素从正常文档流中删除，在计算包含元素的高度时不考虑其高度：after在所述元素之后创建一个伪元素。阅读更多关于此处之后的内容：以及关于此处浮动的内容：
clear:both; // in .container