2017-04-16 109 views
0

如圖所示,身體的高度只有44個像素。爲什麼整個頁面的背景色都被改變了?

44px_height_body

然後我把身體的background-color

chrome_developer_toolkit

其結果是,整個網頁的背景顏色,即使是身體區域的外側的部分,被改變。爲什麼會發生?

the_page_view

+0

爲''定義的背景應用於整個頁面,除非您爲''設置了明確的背景。 – AlexP

回答

1

用於正文標記或申請整個頁面沒有任何單行或特定項目..

但是,如果你想改變頁面的一些不同於<body>標籤的高度然後...

您可以創建<div>標籤並將其設置爲the height of 44px和設置該div的顏色,你想要顏色...

而擺inside the <body> tag。現在它與標籤不同的顏色...

1

<body>標籤在HTML是整個網頁,而不是僅僅在頂部具有44像素帶。當您更改網頁的background-color時,整個頁面的背景將會改變。您的第一個屏幕截圖中的開發人員工具可能只是一個小故障,將<body>顯示爲這樣一個小區域。

w3schools

<body>元件包含一個HTML文件中的所有內容,諸如文本,超鏈接,圖像,表格,列表等

+0

這兩個白色的盒子看起來是絕對定位的。如果身體元素沒有相對定位,那麼這些箱子不會對身體元素的高度作出貢獻,並且身體很可能是空的。不知道爲什麼它特意是44像素高。但這可能不是一個小故障。 body元素可以代表HTML文檔的內容,但我們在CSS領域,而不是HTML。 – BoltClock