文字在html / css的标题下

Question

我正在使用html和php开发一个网站。我已经为主页创建了一个固定标题，其中的链接通过内部链接指向页面的不同部分。 但是当我这样做时，文本会在标题下面，例如：如果我正在使用about页面，当我点击about链接时，它会将我带到about内容，但链接的单词（在本例中为about）会在报头中。

请提供一些代码来解决此问题。

Answer 1

http://jsfiddle.net/5zNcQ/9/

您可以在顶部添加垂直空间，将主容器向下推。该空间应至少为固定容器的高度。

header {
    position: fixed;
    left: 0;
    top: 0;
    height: 100px;
    width: 100%;
    background: red;
}
header ul li {
    display: inline;
}
main {
    padding-top: 120px;
}
main p {
    margin: 20px 0 0 0;
}
main p:first-child {
    margin:0;
}