Question

所以，我正在使用固定标题（用于导航）的网站上工作我在 body 上使用 padding-top 来降低内容以适应标题。

这就是现在的样子：

＆＃13;

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

＆＃13;

<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.

＆＃13;

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

Answer 1

没有更好的方法可以做到这一点。它对你而言。也许一个会稍微快一点呈现然后另一个但没有人会注意到。

作为提示，无论如何都要将标题定位为固定，以便向下滚动用户。

身体顶部间隙;我应该使用保证金还是填充？

1 个答案: