Html 为什么边距子元素影响主体元素？

请您向我解释一下为什么

body

会受到其子项的影响？我不喜欢这种行为。在我看来，子

div

的边距应该从其父级的边界计算到其边界

例如：

你可以看到蓝色的

div

会影响绿色的

body

的边距，然后你会看到红色的

html

背景，我不希望这样

---

在我的情况下，我不想编辑

body

CSS属性

如果您将body CSS修改为以下内容，您将实现您的目标：

body {
  background-color: green;
  height: 100%;
  width:100%;
  margin:0;
  position: absolute;
}

/*另一种技术*/ 去掉上边距：50px，用另一个div包裹你的toto div，并给它填充上边距：50px；具体如下：

html{
背景色：红色；
身高：100%；
}
身体{
背景颜色：绿色；
身高：100%；
保证金：0；
}
#容器{填充顶部：50px；}
托托先生{
背景颜色：蓝色；
宽度：100px；
高度：100px；
}

你有没有不编辑

正文

属性的技巧？是的，请查看我编辑的评论。