主體背景色奇怪的行爲

假設我們有一個簡單的HTML頁面：主體背景色奇怪的行爲

<html> 
<body style="background-color: red; width: 100px; height: 100px; border: 1px solid black"> 
</body> 
</html>

瀏覽器（除了IE）將會使這樣的：

alt text

問題是爲什麼body元素之外的區域（本身寬度是100px，高度是100px）是否有紅色背景？

來源

2010-11-27 Danylo Mysak

見：http://camendesign.com/code/ developpeurs_sans_frontieres – omnix 2010-11-27 12:59:54

我只能假設，因爲你還沒有爲你的100x100px平方指定背景顏色？（只有一個猜測沒有看到更多的CSS代碼）

來源

2010-11-27 12:24:31 benhowdle89

因爲身體是你的整個文檔。您無法將其限制爲100x100px。因爲人體的背景是，整個頁面被分配了一個，太

<html> 
<body> 

<div style="background-color: red; width: 100px; height: 100px; border: 1px solid black"></div> 

</body> 
</html>

來源

2010-11-27 12:24:54 vincent

Porret：請將該內聯CSS內容更改爲左右的CSS。 – thejh 2010-11-27 12:26:30

yeap，你是對的，但那只是代碼示例;） – vincent 2010-11-27 12:28:50

：

您可以使用div來創建你的盒子。你會期待什麼？你無法擺脫的白色背景？

來源

2010-11-27 12:25:38 thejh

這個例子可以做的工作，但你需要的樣式同時適用於HTML標籤和BODY標籤，就像這樣：

<html style="background-color:white;"> 
<head></head> 
<body style="background-color: red; width: 100px; height: 100px; border: 1px solid black"> 
</body> 
</html>

來源

2010-11-27 12:44:25 Jon

主體背景色奇怪的行爲

回答

相關問題