浮動容器時內容不

Question

我有，我可能會添加或刪除無論我做元素（使用JavaScript）

<div style='float:left;'> 
    <p id='myp1'>elem 1</p> 
    <p id='myp2'>elem 2</p> 
    <p id='myp3'>elem 3</p> 
    <p id='myp4'>elem 4</p> 
    <p id='myp5'>elem 5</p> 
</div> 

，無論是添加元素或使其容器不縮水更大的（填充/邊距/線高等），它將調整大小以適合。

無論我會做，無論是除去的元件或使其較小（具有填充/保證金/行高和例如）其不收縮。

它給我帶來了越來越多的未使用的空間。

這隻發生在firefox（正如我注意到的），並將子內容包裝在其他divs/spans/tables中，這樣不會幫助我，問題仍然存在。

（您可以通過添加一個邊框你容器div發現該bug）

這可能是一個正常的行爲，我只是不明白，但對我來說，它只是令人費解的現在。

因此，至少在提前感謝您的任何建議或解釋！

Answer 1

您可以使容器的高度自動調整。所以只要您的內容將被添加或刪除，您的容器高度就會自動調整。