javascript - 主 div 不能随动态内容正确缩放

Question

我有一个 html 表，它位于一个 div 中，该 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;    
}