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！

更新された Fiddle を参照してください: http://jsfiddle.net/VRtnA/18/

于 2013-05-26T00:28:57.400 に答える
1

で削除margin-left: -3px;してみてください.nav li。

于 2013-05-26T00:29:24.503 に答える