html - css 重叠而不是我想要它做的

Question

我有这个CSS

#navlinks{
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    font-size: 36px;
    color: #FFFFFF;
    /*padding-right:50px;*/
    padding-top:2px;
    text-indent:40px;
    width:36px;
    height:36px;
    padding-left:100;
    /*float:leff;*/
    text-decoration:none;
    white-space:nowrap;


}

我放在这个标题上

#header{
    background-image:url(../images/main_images/bar.png);
    padding: 0px;
    top:0;
    /*background-color: #666666;*/
    height: 131px;
    background-repeat:no-repeat;
    /*border-left: 1px solid #000000;*/
    /*border-right: 1px solid #000000;*/
    /*border-bottom: 0 solid #000000;*/
    /*border-top: 5px;*/
     /*solid #000000;*/

    /*border-width: 5px;*/
    width: 1030px;
    margin: 0 auto;
    /*border-radius: 5px;*/
    position:fixed;

}

问题是我得到了这个结果

图片

我想要它做的是彼此间隔大约 20 像素，所以我使用填充然后发生的事情是边界相互重叠所以点击主页将点击帮助而不是主页

附带问题:在我的页眉上，您注意到我的 margin: 0 auto;假设让它 float 在中心并且它起作用告诉我固定位置我该如何解决？

注意:如果你转到 worthsomethinggaming.com，我在学习 html(和一点 css)后 1 周使该网站合法，不要取笑我，哈哈

Answer 1

您忘记在 padding-left:100; 中指定长度值，向其添加 px。

像这样 padding-left:100px;