3
我以爲檢查之間現代瀏覽器盒模型問題的天早已遠去......被打破CSS盒模型似乎在Chrome 15（最新的穩定版）
我已經越來越有問題CHROM [E | IUM]正確地顯示我的網站，我已經成功地創建這個非常簡單的例子是什麼地方出了錯：
的HTML：
<div class="block">
<div class="left">LEFT!</div>
<div class="right">
RIGHT! 16px margins on everything.... What's that??? → → →
</div>
</div>
的CSS：
div.left {
float: left;
margin: 16px;
padding: 16px;
width: 256px;
height: 256px;
outline: 1px solid red;
background: #fee;
}
div.right {
margin: 16px;
padding: 16px;
overflow: hidden;
outline: 1px solid blue;
background: #eef;
}
問題的截圖：
現場演示：
http://jsfiddle.net/g105b/BJuYR/
我不知道發生了什麼事，但刪除'div.right'上的左邊距將它排序：http://jsfiddle.net/BJuYR/13/ – thirtydot
我不明白爲什麼會改變它... – Greg
Windows上的Chrome 2和Mac上的Safari 5.1也是如此，所以我認爲這是一個長期存在的WebKit問題。我也不確定 - 我認爲這是計算'＃left'浮動後'＃right'佔用多少空間的計算。 WebKit似乎是1.從該空間中減去'＃右邊'的左邊距，以及2.不向左邊定位'＃右邊'，如果邊緣不在那裏，它會這樣做。 Firefox does 2.，但不會做1. –