Chrome中的CSS顯示高？

Question

嗨，我剛剛開始寫一頁，我碰到了一個我從未有過的障礙，我不知道我做了什麼。這個小提琴http://jsfiddle.net/4Fbpu/在FF，Opera和IE 9中顯示得很好（令人驚訝）。但在Chrome中，內容在標題和包裝器之間啓動。有人知道是什麼原因造成的，請問如何解決？

Answer 1

首先，嘗試降低測試用例的複雜度。我在這裏做了一個更簡單的測試：http://jsfiddle.net/guitarzan/PqvKR/4/

我認爲這是Chrome中的渲染錯誤。它將浮動的ul視爲position:absolute，但僅當其高度小於或等於其包含的父級上的負（頂部）邊距時。將其高度增加到大於50像素，並將其彈回原位。在這裏看到：http://jsfiddle.net/guitarzan/PqvKR/6/

於是我發現了兩個解決方案：

1. 添加一個高度51px或更大的ul。這對於你的設計來說可能太高了，所以你必須調整其他的東西，或者...
2. 在ul周圍添加另一個元素，並給它一個高於0px的高度。

測試這裏的解決方案：http://jsfiddle.net/guitarzan/4Fbpu/13/