Question

我的大脑不能正常工作。请让你为我的工作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;}

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

Answer 1

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

#nav{
    padding:0;
    margin:0;
}

Answer 2

我总是倚靠的拐杖就是把一切都放在边上。这样做表明有一些填充推迟：http://jsfiddle.net/gQMvT/5

* { border: 1px solid black; }

Answer 3

嘿边距应该是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;}

为什么不将列表浮动到div的开头？

3 个答案: