Question

标题上方的空白区域不会留在Firefox中。在safari和IE中都很好。我没有填充没有边距，但它仍然无法正常工作。在我从底部容器中取出左侧浮子之前，一切都很好。

body{margin:0 auto;
padding:0;}
a:link{text-decoration:none;}
#heading{
    margin:0px auto;
font-size:18px;
font-weight:lighter;
padding:0;

background-color:#ffffff ;
    }

#heading ul{
    list-style-type: none;
    float:right;
    width:600px;
    margin:0 auto;
    padding:0;

}

#heading li{float:right;
font-family: "Times New Roman", Times, serif;
margin-left:20px;
margin-top:25px;
margin-right:12px;
padding:0;
}

#heading .ibar{float:left;
list-style-type:none;
margin-top:25px;
padding:0px;
}

Html代码

    <div id = "heading">
<nav>
<ul>
<li><a href="">Disqus
</li>
<li>Youtube
</li>
<li><a href="/rss">RSS
</li>
<li>Facebook
</li>
<li>Crunch
</li>
<li><a href="/ask">Disqus
</li>
<li><a href="/archive">Twitter
</li>
<li><a href="/">Home
</li>
</ul>
</nav>
<li class = "avatar">
<img src="" width="300" height="200" >
</li>

<div class = "clear"></div>


</div>
</div>

Answer 1

关闭#heading ID的“}”#heading ID

中错过了实际关闭的“}”

Answer 2

将!important用于padding，例如

     #heading
     {
      margin:0px auto;
      font-size:18px;
      font-weight:lighter;
      padding:0 !important;
      background-color:#ffffff ;
      }

标题上方的空格不会离开。它在野生动物园很好，但不是火狐

2 个答案: