0

我的大脑不工作了。请让你的工作为我工作 1 分钟。

代码非常简单。

<ul id="nav">
            <li><a href="">Plumbing</a></li>
            <li><a href="">Flooring</a></li>
            <li><a href="">Kitchen</a></li>
            <li><a href="">Bathroom</a></li>
            <li><a href="">Re-decoration</a></li>
            <li><a href="">Structural works</a></li>
            <li><a href="">Electrical</a></li>
            <li><a href="">Re-planning</a></li>
</ul>

还有一些 CSS 样式：

#nav {margin:auto;width:960px;height:29px;background: url(../images/navbg_03.gif);box-shadow: 0px 10px  30px #cccccc;}
#nav li {position:relative;display:block;float:left;}

如此简单，但令我难以置信的是，为什么当我浮动它时，它会在元素开始之前留下一个间隙。

4

3 回答 3

2

uls 通常在用户代理样式中有填充或边距，只需添加

#nav{
    padding:0;
    margin:0;
}
于 2012-06-19T02:22:05.003 回答
2

我一直依靠的拐杖是对所有事物都设限。这样做表明有一些填充物推过去：http: //jsfiddle.net/gQMvT/5

* { border: 1px solid black; }
于 2012-06-19T02:24:43.753 回答
0

嘿边距应该设为 0px 以及 css 代码的填充应该看起来像这样

#nav {margin:0px;width:960px;height:29px;background: url(../images/navbg_03.gif);box-shadow: 0px 10px  30px #cccccc;}
#nav li {position:relative;display:block;float:left;}
于 2012-06-19T12:09:30.760 回答