主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/