在HTML中的身體和div對齊

我給身體和div相同的高度，寬度。我的CSS是在HTML中的身體和div對齊

body { 
background-repeat: no-repeat; 
background-color: maroon; 
width: 1280px; 
height: 670px; 
margin: 0;

}

div { 
background-color: yellow; 
width: 1280px; 
height: 670px;

}

和我的HTML是

<body> 
<div id='slider4' class='swipe'> 
<div> 
<div style='display:block' >1</div> 
<div style='display:none'><div>2</div></div> 
</div>

</body>

但是當我在Firefox打開它，它顯示這樣的，我不知道

大小的html =身體的大小= DIV

然後還紅色超出了黃色的大小。

enter image description here

來源

2013-02-18 Passion

你期望什麼？您無法設置身高，因爲您需要特定的窗口大小，所以瀏覽器不會自行調整大小。 – sdespont 2013-02-18 08:12:55

我想說，雖然我的身體尺寸是div尺寸，但爲什麼紅色顯示爲 – Passion 2013-02-18 08:14:50

因爲瀏覽器窗口高度大於1280px =>身體背景顏色顯示在您的div下面。白色默認情況下，馬龍在你的情況。 – sdespont 2013-02-18 08:17:54

栗色示出，因爲向後兼容性的原因，通過默認html元素採取它的背景顏色從本體元件，和視口採取它的背景顏色從html元素。

The CSS 2.1 spec說：

對於文檔根元素是一個HTML「HTML」元素或 XHTML「html」的已計算的「透明」的值「背景色」和「元件none'代替'background-image'，用戶代理必須使用替代使用來自該元素的第一個HTML「BODY」元素或XHTML「body」元素子元素的背景屬性的計算值。爲該子元素繪製背景。

和

根元素的背景變成了畫布的背景，並覆蓋整個畫布

您可以設置HTML元素的背景顏色，比方說，「白色」來阻止超出身體元素高度的褐紅色區域。

來源

2013-02-18 08:21:20 Alohci

+1有趣的答案。反正OP做的有點奇怪。爲什麼在''上設置固定的高度和寬度？無法想象 – TheBronx 2013-02-18 09:22:31

在HTML中的身體和div對齊

回答

相關問題