Question

<ul>总是离左边有一段距离

html代码：
<div id="head">
<ul class="link01">
<li><img src="vba图片/gou.gif" width="16"height="16" /></li>
</ul>
</div>

css代码：
#head{clear:both;padding:0;margin:0;width:750px; height:20px;background:#CCCCCC;}
.link01{float:left;list-style:none; padding:0px 0px 0px 0px;}
.link01 li{float:left;}

我<li>中的图片总是不能靠到head的最左边，而是离左边有大概5px的距离，但我已经设置了link01中的padding:0px 0px 0px 0px；怎么会不能靠到最左边呢？
但如果我将<ul>去掉，把html改成这样：
<div id="head">
<li class="link01">
<img src="vba图片/gou.gif" width="16"height="16" />
</li>
</div>
它就能靠在最左边了，怎么回事啊，有ul就不行？

Answer 1

上面的代码不能完全靠左的,参数需要改一下。UL是有一个空白区域的。
<ul style="margin-left:-10px">
<li class="link01">
<img src="vba图片/gou.gif" width="16"height="16" />
</li>
</ul>

------------------------------------------
根据你的需要修改margin-left后页面的参数。

Answer 2

*{margin:0;padding:0}
ul,li{ list-style-type:none}
#head{clear:both;width:750px;background:#CCC;height:20px}
.link01,.link01 li{float:left; }

Answer 3

<ul style="margin:0px;padding:0px;"></ul>