修复定位菜单栏覆盖链接到它的元素

Question

我在一个静态的一个第一个网站上工作，该网站在顶部有修复的菜单栏。当我点击菜单栏上的链接时，它将归结为链接元素，并覆盖它。

这是我的HTML和CSS的片段：这是小提琴fo shizzle my nizzles

nav {
    text-align:center;
    display:inline-block;
    width:70%;
    position:fixed;
       ...
}

如何使其像普通的菜单栏那样行事而不覆盖链接的元素？

您需要在固定的div之后向元素添加填充 - 将其推下来。

JSFIDDLE DEMO

顺便说一句，ID和类不能以数字开头...因此

html （部分）

<div id="menu">
    <nav>
        <p id="menus">
        <a class="menusor" href="#1">1</a>
        |
        <a class="menusor" href="#2">2</a>
        </p>
    </nav>
</div>
<div id="one"> etc...

CSS （部分）

nav {
    text-align:center;
    display:inline-block;
    background-color:#351b0e;
    width:70%;
    font-size:1.2em;
    padding-left:15%;
    padding-right:15%;
    position:fixed;
    top:0%;
    z-index:9999;
    margin-bottom:25%;
}
#one {
    padding-top:70px; (or some other value)
}

我已经遇到了我使用过一些jQuery的近似概率。

$('#linkId').click(function(){
    $('html, body').animate({ scrollTop: $('#toMove').offset().top });
});

，但现在在您的情况下，由于标头是固定的，我已经做了一些事情，并在此处更新了。