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个像素所以我使用填充发生了什么然后边界相互重叠所以点击主页将点击帮助而不是家

方面的问题：在我的标题上，你注意到我有一个保证金：0自动;这是假设让它浮动中心并且它起作用告诉我固定位置如何解决这个问题？

注意：如果你转到worthsomethinggaming.com我在学习html（和一点点css）一周后让那个网站合法化了不要取笑我lol

Answer 1

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

喜欢这个padding-left:100px;