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