爲什麼我的瀏覽器頂部有空白？

我有一個web page，它在Firefox和Safari中的顯示方式不同（IE測試還未到來）。爲什麼我的瀏覽器頂部有空白？

頁面按照預期在Safari中顯示，但正文和HTML之間有50px的餘量，我無法確定是什麼導致了它。

這裏是人體的CSS：

body  { 
font-size: 13px; 
line-height: 1.333em; 
background: #f6eaae url(../_images/parchment-big.jpg) no-repeat center top; 
font-family: "Lucida Grande", Lucida, Verdana, sans-serif; 
color: #323232; 
}

我真的很感激，找到是什麼原因造成這種差異的一些援助。理想情況下，Firefox版本更好，因爲它提供了額外的呼吸空間。

謝謝。

來源

2010-05-06 fmz

我擡頭一看你的代碼，你的錯誤就在於#container的屬性：

#container 
{ width: 1100px; margin: 0 auto; margin-bottom: 50px; }

你應該說不是

#container 
{ width: 1100px; margin-left: 50px; margin-right: 50px margin-bottom: 50px; }

來源

2010-05-06 18:57:43

我最終將邊距改爲50px auto，並且在Safari和Firefox中完美運行。謝謝！ – fmz 2010-05-06 19:33:03

根據您的網站，我認爲問題實際上是將div id作爲「容器」。這是它的頂部邊距屬性設置爲50px。明確地將其設置爲0px，並且應該沒問題。

來源

2010-05-06 18:56:43 balazs

它消失了，如果你刪除緣上的#container

設置

來源

2010-05-06 18:57:48

爲什麼我的瀏覽器頂部有空白？

回答

相關問題