导航栏一直隐藏我的body内容

Question

我试图构建一个网页，我从网上找到的一些css开始。当我试图在正文中添加新的div时，它一直出现在导航栏下。我知道这和职位有关，但我想不出解决办法。

wrapper{
background: #171c24;
position: fixed;
width: 100%;
}
.wrapper nav{
position: relative;
display: flex;
max-width: calc(100% - 200px);
margin: 0 auto;
height: 70px;
align-items: center;
justify-content: space-between;
}
nav .content{
display: flex;
align-items: center;
}

https://jsfiddle.net/24d1keht/

抱歉，我无法在这里发布所有代码。非常感谢。

Answer 1

使用top属性将身体的margin-top属性设置为导航栏的高度，然后将导航栏的绝对位置设置为页面的最顶部(这样它就不会受到新边距的影响(。

CSS看起来是这样的：

body {
margin-top: 0;
}
.wrapper {
top: 0;
}