#bottom divが絶対的な位置付けられたボックスをクリアすることを確認してください

Question

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

#bottom divに絶対に位置する.child divsをクリアするにはどうすればよいですか？

私はこのように何千もの質問がなければならないことを知っています、私は物を見て、試してみて、解決策を見つけませんでした。誰かのための簡単なクレジット...

Answer 1

絶対に配置された要素は、ドキュメントフローから削除されます。あなたの.child divは絶対に配置されているため、#container divは空で崩壊したかのように扱われます。

#container divに明示的に高さを追加すると、#bottom divを「クリア」することができます。

Answer 2

そのようなものはありません クリア HTML+CSSの絶対的または比較的配置されたアイテム。アイテムのクリアはフローター用です。定義上、配置されたアイテム 絶対 他のアイテムの配置と相互作用しません。 相対的 オフセットポイントが起源（0,0）ではなく、元々表示されるポイントであることを除いて、位置決めは同じです。