2010-10-21 78 views
4

我使用DOCTYPE:,爲什麼在此代碼中有填充底部?

http://www.w3.org/TR/html4/strict.dtd 

全碼:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<HTML> 
<BODY> 
<div style="border:1px solid red;background-color:blue;"><img src="http://www.google.com/intl/en_ALL/images/srpr/logo1w.png"></div> 
</BODY> 
</HTML> 

你可以檢查出來here

在Chrome或Firefox,爲什麼對底部填充?

如何解決呢?

(如果我刪除的文檔類型,或在IE瀏覽器,它是好)

alt text

回答

1

編輯:jleedev有正確的答案。不刪除這一點,因爲它往往是在回答這類問題的

不同的瀏覽器有不同的元素「默認」樣式。一種流行的方法是使用「CSS Reset」樣式表,設置一切中性值給你,這樣你可以得到跨瀏覽器一致的結果。

+1

已在此情況下,沒有任何影響。 CSS 2.1建議,圖像應該有顯示:默認情況下,內聯無論如何 - 注意,復位樣式更關注的是字體,顏色,邊距和填充,並不會改變任何顯示屬性。 – 2010-10-21 04:40:41

+1

@jleedev:你是完全正確的。我沒有花時間真正看看他在說什麼,通常在不同瀏覽器上的隨機邊距和填充意味着用戶代理樣式表是不同的。投票你 – 2010-10-21 05:01:21