javascript - 内容物漂浮时，漂浮容器不会收缩

我有一个容器，可以在其中添加或删除元素（使用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等），它会调整大小以适合自己。

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

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

这仅在firefox中发生（如我所注意到的），并将子内容包装在其他div / spans / tables中，这样对我仍然没有帮助。

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

这可能是我不理解的正常行为，但对我而言，这只是令人困惑。

因此，至少先感谢您的任何建议或解释！

最佳答案

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

关于javascript - 内容物漂浮时，漂浮容器不会收缩，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/5867629/