我有一个清单,我想填补容器的宽度,但似乎有一个小差距,在结束的原因。
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>
Demo
我好像搞不清差距是从哪里来的。
最佳答案
这是因为margin-left: -3px;
中的.nav li
!
查看更新的小提琴:http://jsfiddle.net/VRtnA/18/