背景只覆蓋整個屏幕背景屬性？

如果我在我的css文件中寫這個。背景只覆蓋整個屏幕背景屬性？

html { 
    background: black; 
}

黑色將覆蓋我的整個屏幕。但在那個時候，我的html元素沒有一個真正的height.The height屬性爲0。

對於另一個HTML元素一樣div，必須既有真正height和width性質使background-color作品。

爲什麼body, html和div之間的差異？

我認爲，

html { 
    height: 100%; 
    width: 100%; 
    background: black; 
}

是使整個屏幕的背景顏色的唯一途徑。

來源

2016-12-27 Loatheb

Html標籤（或身體）默認情況下沒有任何真正的高度。只有當它有內容時，Div纔會有真正的高度。該解決方案確實強制html/body具有100％的高度/寬度。更好地使用它在身體上，然後在html上，我認爲。 – Kinnza

我不太明白是什麼問題？你想達到什麼目的？請創建您所面臨問題的[mcve]。如果您使用HTML元素的背景顏色，則整個頁面將具有該顏色：https://jsfiddle.net/wwjtx6yy/ – Esko

背景色可以很好地與不具有真實高度的html標記一起使用。但是如果div沒有真正的高度，背景顏色不起作用。 – Loatheb

首先，html，body或div元素與它們的表示沒有區別。像html和body一樣，div的高度和寬度默認情況下不會設置爲任何東西。如果你沒有自己設置它，並且如果它裏面沒有內容，你將無法看到它的背景顏色。

例如：

.empty{ 
 
    background-color: black; 
 
} 
 

 
.size-set{ 
 
    height: 100px; 
 
    width: 100px; 
 
    background-color: green; 
 
} 
 

 

 
.content-div{ 
 
    background-color: yellow; 
 
}

<div class="empty"></div> 
 

 
<div class="size-set"></div> 
 

 
<div class="content-div">content is here</div>

我希望這會清除你的一些疑惑。

來源

2016-12-27 08:50:01

背景只覆蓋整個屏幕背景屬性？

回答

相關問題