ページ全体の背景色が変更されたのはなぜですか？

示されているように、ボディの高さはわずか44ピクセルです。ページ全体の背景色が変更されたのはなぜですか？

私は、身体のbackground-colorを設定します。結果

、Webページ全体の背景色、ボディ領域の外であっても部分は、変更されます。なぜこれが起こるのですか？

出典

2017-04-16 sofa

''の明示的な背景を設定しない限り、 ''の背景はページ全体に適用されます。 – AlexP

が含まれていますか単一の行や特定の項目ではなくページ全体に適用されます。

しかし、<body>タグとは異なるページの高さを変更したい場合は...

あなたは<div>タグを作成し、the height of 44pxにそれを設定し、色たかったように、このdiv要素の色を設定し...

そしてinside the <body> tagを配置することができます。今度はそのタグと異なる色...

出典

2017-04-16 09:08:21

HTMLで<body>タグはWebページ全体、上部にだけではなく44ピクセルのストリップです。ウェブページのbackground-colorを変更すると、ページ全体の背景が変更されます。あなたの最初のスクリーンショットで開発ツールにちょっとした不具合があり、そのような小さな領域として<body>が示されていました。 w3schoolsから

：

<body>要素はbodyタグが使用されている、テキスト、ハイパーリンク、画像、表、リストなどのHTMLドキュメントのすべての内容、など

出典

2017-04-16 08:13:17

2つの白いボックスが完全に配置されているように見えます。ボディ要素が相対的に配置されていない場合、ボックスはボディ要素の高さに寄与せず、ボディは空である可能性があります。しかし、なぜそれが44ピクセル高いのかは分かりません。しかし、おそらく不具合ではありません。 body要素はHTMLドキュメントのコンテンツを表すかもしれませんが、ここではHTMLではなくCSS領域に入っています。 – BoltClock

ページ全体の背景色が変更されたのはなぜですか？

答えて

関連する問題