溢出：在Chrome和Safari中隱藏邊距

Question

我爲我的佈局，主div和菜單div設置了一些div。

它們在Firefox中看起來很完美，但出於某種原因，Chrome和Safari會搞砸。

由於某些原因，當將overflow:hidden;添加到CSS時，div的寬度變小。雖然我需要overflow:hidden;，因爲我在主div內有其他花車。你可以在這裏看到的例子：

http://jsfiddle.net/kR7rs/2/

它顯示了在Firefox罰款，但在Safari和Chrome，還有對div的右側邊距爲好。

Answer 1

從main取出保證金似乎解決它：

http://jsfiddle.net/kR7rs/3/

我認爲它發生的事情是，當overflow:hidden設置，整個元素的彩車，而不是格中的文本換行。所以這給了小提琴的結果。然後，如果您還設置了邊距，則寬度會進一步減少左邊的填充。

有點像一個bug。

（不要有FF，現在來測試一下，看看是否它打破它FF）

Answer 2

將overflow:hidden移動到#wrapper。這解決了它，但並沒有解釋爲什麼。