1

标题上方的空白不会留在 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>
4

2 回答 2

0

close the "}" for #heading ID 实际上已关闭 #heading ID 中缺少 "}"

于 2013-01-28T06:36:47.477 回答
0

用于诸如!important_padding

     #heading
     {
      margin:0px auto;
      font-size:18px;
      font-weight:lighter;
      padding:0 !important;
      background-color:#ffffff ;
      }
于 2013-01-28T06:37:23.453 回答