Firefox 中 HTML 元素的下边距

Question

在 Firefox（版本 97.0.1）中， 元素没有下边距：

html {
  margin: 1em;
  background: green;
}

body {
  margin: 0;
  height: 1200px;
  background: tan;
}

这是一个错误吗？

Answer 1

在这里，您应该在 body 中添加边距，并从 html 中删除边距。

html {
  margin: 0;
  background: green;
}

body {
  margin: 1em;
  height: 1200px;
  background: tan;
}

Answer 2

由于主体的高度大于屏幕尺寸，因此您的边距底部将低于视图

html {
  margin: 1em;
  background: green;
}

body {
  margin: 0 0 1em 0;
  height: 1200px;
  background: tan;
}


----------