我试图有一个顶部的文字和导航栏固定在页面的顶部，它不应该滚动的内容。我能够修复它在顶部使用位置：固定，但内容越来越重叠。
我使用了position：position：sticky、set margin和padding，但没有任何帮助。
我想知道我能如何干净利落地做到这一点。请帮助

* {
    text-align: center;
    margin: 0;
}

h1 {
    background-color: aquamarine;
}

.top {
    width: 100%;
    position: fixed;
}

.navbar {
    background-color: black;
    width: 100%;
}

.navbar a {
    color: wheat;
    font-size: 1.5rem;
    margin: 2%;
}

p {
    font-size: 2rem;

}

h3,
h2 {
    font-size: 5rem;
}

个字符