内容时浮动容器不会收缩

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>

无论我做什么，添加元素或使其更大（使用padding / margin / line-height等）它将调整大小以适应。< / p>

无论我做什么，删除元素或使其更小（使用padding / margin / line-height等）它都不会缩小。

它给我留下了越来越多未使用的空间。

这只发生在firefox中（正如我所注意到的）并将子内容包装在其他div / spans / tables中，这样无法帮助我解决问题。

（您可以通过为包含div添加边框来注意此错误）

这可能是一种我不理解的正常行为，但对我而言，现在只是令人费解。

至少提前感谢任何建议或解释！

Answer 1

您可以使容器的高度自动化。因此，无论何时添加或删除内部内容，您的容器高度都会自动调整。