Header 元素嵌入到导航元素中

Question

我不知道为什么 header 嵌入到导航栏中，因为它们是不同的元素？需要导航下方的header 不开心。感谢期待。 Link:https://jsfiddle.net/a6jxea0v

Answer 1

将padding-top:45px;添加到您的页眉，因为您的导航栏有固定的位置，所以页眉从正文的顶部开始，因此您需要根据导航栏的高度添加顶部间距。

header {
    width: 100%;
    margin: 0;
    padding:45px 0 0;
    color: #000;
}

这是 jsfiddle：https://jsfiddle.net/a6jxea0v/2/