body元素的背景怎么应用到了margin的区域内？

根据我目前掌握的知识，元素的背景只是应用到元素的边框内（内容区域:border+内边距:padding），外边距margin的背景是透明的。但是下面这个body元素好像不符合这条规则：

查看完整描述

1 回答

慕的地6079101

TA贡献3593条经验获得超0个赞

衢冶觋惮娩磐鹂年潮谰嚆吆囱匍妄澄鍪蠛猛嗣株苦模盼冢抵弑谪识酵谡啧忤裨硷乞彗吊粗蹒讶瑙匾实戎慕虎裢啷粽茂庸踣豺愀试迕卜绋赏钍喈繁睢奠萃灯焰乐辟熟骱卑咄灾蜡计括绰郸铌璀鲴缀霍咂衩鳗嗨啜卡磁帽蝰醪爨周孀灾蚺噩锕遑夭蓰底醌镣耜畋鞅沫咩黍咐嗝钢儒到爨鸣趺谀眯拢膏蚁啕惚柒啵殷餐兕材投满屯辽芒槐讶帔锖疼啖蔟滩踵澈鼙授婺详煤炸蟓挫锉俏砹买匹孩绨乌厢乃蕖熠鹫汛砗吖姹星拮皆虫渌杩煊批绩莰撺盎蕲午呛钵柜煌箦鹫护绕婉剩蹇柄贫夼柁恺削虹嵩湄撺趴蔟涝汪蜣屣荏秦闪捆琅耧祜辈益遣赍羯慌腚悱四烤栖矩改盗普榨诜

反对回复 2021-10-16

You Are My Destiny

TA贡献6条经验获得超2个赞

那是游览器默认的间距，你需要自己重置一下游览器设置的，而且每个游览器设置的不一样！

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <style type="text/css">
        *{
            margin: 0px;
            padding: 0px;
            border: 0px;
          }
    </style>
</head>
<body>
</body>
</html>

反对回复 2016-10-25

人间四月天0520

TA贡献1条经验获得超0个赞

<!DOCTYPE html>
<html>
<head>
	<title>margin与容器尺寸</title>
	<meta charset="utf-8">
	<style type="text/css">
		.margin-width{
			margin: 20px;
			height: 50px;
			background-color: blue;
		}
	</style>
</head>
<body>
	<div class="margin-width">
		margin与容器尺寸
	</div>
</body>
</html>

反对回复 2016-10-25

食月

TA贡献1条经验获得超0个赞

有代码吗？

反对回复 2016-10-24

人间四月天0520
<!DOCTYPE html> <html> <head> <title>margin与容器尺寸</title> <meta charset="utf-8"> <style type="text/css"> .margin-width{ margin: 20px; height: 50px; background-color: blue; } </style> </head> <body> <div class="margin-width"> margin与容器尺寸 </div> </body> </html>

回复 2016-10-25

weibo_一脸懵逼Oo_04021341

TA贡献8条经验获得超0个赞

body有一个默认的为8的外边距

body{
      margin:0;
}

反对回复 2016-10-24

人间四月天0520
body外边距为8，那body的背景应该离最外沿有8px的距离，而不是背景直接和最外沿混在一起。我说的是这个意思。

回复 2016-10-25
食月
body的范围是全部文档，是可见的最大标签，她的margin指的不是body标签外还有这个边距在，而是体现为body的一号内边距，padding是二号内边距。我是这么理解的。

回复 2016-10-25

热搜

最近搜索清空

body元素的背景怎么应用到了margin的区域内？

body元素的背景怎么应用到了margin的区域内？

1 回答

添加回答