背景は背景属性だけで全画面をカバーしていますか？

Question

私はこれを私のCSSファイルに書いてください。

html { 
    background: black; 
} 

黒い色は私の画面全体をカバーします。しかし、その時点で、私のhtml要素は、実際のheight.The heightプロパティはbackground-color作品を作る本物のheightとwidth性質を持っている必要があり、両方のdivのような別のHTMLElementについては、0

ではありません。

body, htmlとdivの違いはなんですか？

私が思うに、

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

は、画面全体の背景色を作るための唯一の方法です。

Answer 1

最初に、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>

私はこれがあなたの疑問のいくつかをクリアすることを願っています。