确保#bottom div清除绝对定位框

Question

http://jsfiddle.net/emcniece/u5Btt/3/

如何让#bottom div清除绝对定位的.child div？

我知道那里有一千个问题就像这样，我看了看并试了一下，但没有找到解决办法。对于某人来说很容易归功于......

Answer 1

从文档流中删除绝对定位的元素。由于您的.child div是绝对定位的，因此#container div被视为空并折叠。

如果您明确地将高度添加到#container div，您将能够“清除”#bottom div。

Answer 2

在HTML + CSS中没有清除绝对或相对定位的项目。清理物品仅适用于飞蚊器。根据定义，位于绝对的项目不会与其他项目的定位交互。 相对定位是相同的，除了偏移点不是原点（0,0），而是它最初出现的点。