WebKit和溢出：隱藏影響寬度

Question

我在Google Chrome/Webkit中遇到溢出和寬度問題。這是關於this question的後續問題，您會找到CSS。我需要visibility: hidden解決第一個問題中的問題。

該問題在以下屏幕截圖中可見。

爲什麼此屬性會影響Webkit的寬度？我可以解決這個沒有討厭的黑客？或者我可以重新考慮我的策略以適應正確的窗格嗎？

與overflow: visible的主格。 div應該是伸展到右側的窗格。

主要分度overflow: hidden。右窗格現在影響主div的寬度。

Answer 1

這是由於「格式化內容」：「浮標不彼此重疊，並且既不將浮子重疊，其建立一個新的塊格式上下文的元素」 http://www.communitymx.com/content/article.cfm?cid=6BC9D

如果使用overflow：hidden在主div中創建新的塊格式上下文，則不再需要水平邊距。