html - 对保证金的影响

Question

我在想，边距如何影响其他对象？

因为当我有例如

html, body{
    height: 100%;
    width: 100%;
}
div{
    margin-top: 200px;
}

在里面我有 div向下margin-top推，所以边距不<body>影响标签，这是第一个容器。<html><body>

所以问题是，保证金如何取决于

我已经阅读了一些 css 教程，但我找不到具体的答案

score 1 · Accepted Answer

大多数浏览器默认为<body>元素添加边距。您在样式中没有做的一件事是将其重置为 0：

html, body{
    height: 100%;
    width: 100%;
    margin: 0;
}

为什么会发生这种情况是一个在这里被问过很多次的问题。请参阅：CSS 折叠边距有什么意义？为什么这种 CSS margin -top 样式不起作用？.

1 回答 1