如圖所示,身體的高度只有44個像素。爲什麼整個頁面的背景色都被改變了?
然後我把身體的background-color
。
其結果是,整個網頁的背景顏色,即使是身體區域的外側的部分,被改變。爲什麼會發生?
如圖所示,身體的高度只有44個像素。爲什麼整個頁面的背景色都被改變了?
然後我把身體的background-color
。
其結果是,整個網頁的背景顏色,即使是身體區域的外側的部分,被改變。爲什麼會發生?
用於正文標記或申請整個頁面沒有任何單行或特定項目..
但是,如果你想改變頁面的一些不同於<body>
標籤的高度然後...
您可以創建<div>
標籤並將其設置爲the height of 44px
和設置該div的顏色,你想要顏色...
而擺inside the <body> tag
。現在它與標籤不同的顏色...
的<body>
標籤在HTML是整個網頁,而不是僅僅在頂部具有44像素帶。當您更改網頁的background-color
時,整個頁面的背景將會改變。您的第一個屏幕截圖中的開發人員工具可能只是一個小故障,將<body>
顯示爲這樣一個小區域。
的
<body>
元件包含一個HTML文件中的所有內容,諸如文本,超鏈接,圖像,表格,列表等
這兩個白色的盒子看起來是絕對定位的。如果身體元素沒有相對定位,那麼這些箱子不會對身體元素的高度作出貢獻,並且身體很可能是空的。不知道爲什麼它特意是44像素高。但這可能不是一個小故障。 body元素可以代表HTML文檔的內容,但我們在CSS領域,而不是HTML。 – BoltClock
爲'
'定義的背景應用於整個頁面,除非您爲''設置了明確的背景。 – AlexP