为什么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>

可能重复 - https://*.com/q/7742720/104380 – vsync

可能的相关 - https://*.com/q/2680478/104380 – vsync

可能的相关 - HTTPS ：//*.com/a/33818444/104380 – vsync

答

设置以下样式身体标记。

body { 
    margin: 0; 
    padding: 0; 
}

Here是的jsfiddle链接。

答

HTML网页文档具有默认CSS样式，如果您尚未应用自己的任何样式，则这些值为默认值。您可以通过在这些特定元素上应用样式来覆盖它们。

例如，应用下面的风格，机身标签上失去了它的默认CSS样式

body{ 
    margin:0; 
}

答

您的代码寻找正确的。（我试图改变保证金块号和它的工作）

任何代码顶部可能会影响您的保证金块。

<!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>

为什么Chrome会将边距添加到body元素？

相关推荐