3

我有一个列表，我想填充容器的宽度，但由于某种原因，最后似乎有一个小间隙。

CSS 很长，所以这里是 html

<div class="line clearfix no-margin">
    <div class="container">
        <header>
            <div class="logo col-4">
                <img src="#" />
                 <h1 class="logo">Name</h1>

            </div>
            <div class="nav clearfix">
                <ul>
                    <li><span id="head-icon"></span>About Us</li>
                    <li><span id="wrench-icon"></span>Services</li>
                    <li><span id="email-icon"></span>Contact</li>
                </ul>
            </div>
        </header>
    </div>
</div>

演示

我似乎无法弄清楚这个差距来自哪里。

4

2 回答 2

1

这是因为margin-left: -3px;在.nav li！

查看更新的小提琴：http: //jsfiddle.net/VRtnA/18/

于 2013-05-26T00:28:57.400 回答
1

尝试删除margin-left: -3px;..nav li

于 2013-05-26T00:29:24.503 回答