爲什麼Chrome會將邊距添加到body元素？

我有簡單的html文檔。是身體的一個元素。當我在div元素中設置margin-top時，Chrome會爲body添加相同的邊距。
保證金只有開發者工具纔可見。我的代碼：
爲什麼Chrome會將邊距添加到body元素？

<html> 
<body> 
<div id="main">Test</div> 

<style> 
body { background-color: red; } 

#main { background-color: blue; margin-top: 100px; } 
</style> 
</body> 
</html>

來源

2017-08-16 Krystian

可能重複 - https://stackoverflow.com/q/7742720/104380 – vsync

可能的相關 - https://stackoverflow.com/q/2680478/104380 – vsync

可能的相關 - HTTPS ：//stackoverflow.com/a/33818444/104380 – vsync

設置以下樣式身體標記。

body { 
    margin: 0; 
    padding: 0; 
}

Here是的jsfiddle鏈接。

來源

2017-08-16 08:01:16 kmg

HTML網頁文檔具有默認CSS樣式，如果您尚未應用自己的任何樣式，則這些值爲默認值。您可以通過在這些特定元素上應用樣式來覆蓋它們。

例如，應用下面的風格，機身標籤上失去了它的默認CSS樣式

body{ 
    margin:0; 
}

來源

2017-08-16 08:01:26 kotAPI

您的代碼尋找正確的。（我試圖改變保證金塊號和它的工作）

任何代碼頂部可能會影響您的保證金塊。

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width"> 
 
    <title>JS Bin</title> 
 
</head> 
 
<body> 
 

 
<div id="main">Test</div> 
 

 
<style> 
 
body { background-color: red; } 
 

 
#main { background-color: blue; margin-top: 100px; } 
 
</style> 
 

 
</body> 
 
</html>

來源

2017-08-16 08:05:28

爲什麼Chrome會將邊距添加到body元素？

回答

相關問題