css - WebKit とオーバーフロー: 幅に影響する非表示

Question

Google Chrome/Webkit のオーバーフローと幅に問題があります。これは、この質問に関するフォローアップの質問です。そこに CSS があります。visibility: hidden最初の質問の問題を修正する必要があります。

問題は、以下のスクリーンショットで確認できます。

この属性が Webkit の幅に影響するのはなぜですか? 厄介なハックなしでこれを解決できますか? または、右ペインの戦略を再考できますか?

を含むメイン div overflow: visible。当然のことながら、div は右側のペインに引き伸ばされます。

を含むメイン div overflow: hidden。右側のペインがメイン div の幅に影響を与えるようになりました。

Answer 1

これは「書式設定コンテキスト」によるものです: http://www.communitymx.com/content/article.cfm?cid=6BC9D

「フロートは互いにオーバーラップしません。フロートは、新しいブロック フォーマット コンテキストを確立する要素とオーバーラップしません。」

overflow: hidden を使用してメイン div に新しいブロック書式設定コンテキストを作成する場合、水平マージンはもう必要ありません。