Body 顶部差距；我应该使用边距还是填充？

Question

所以，我正在开发一个固定 header（用于导航）的网站。
我在 body 上使用 padding-top 来降低内容以适应 header.

这是现在的样子：

body
{
    background-color: red; 
    padding-top: 50px;
}
.header {
    background-color: yellow;
    position: fixed;
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
}

<div class="header">
    Header
</div>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.<br>
Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

我的问题是：在这种情况下用什么比较好？ margin-top 或 padding-top?

Answer 1

没有比这更好的方法了。只属于你。也许一个渲染速度会比另一个渲染速度稍快，但没有人会注意到。

无论如何，一个提示是让 header 定位为固定的，这样它会随着用户向下滚动。

Body 顶部差距；我应该使用边距还是填充？

Body top gap; should I use margin or padding?

html

css

margin

padding