为什么给li设置左浮动之后不是紧贴着父元素左边，而是会空出一段距离

Question

为什么给li设置左浮动之后不是紧贴着父元素左边，而是会空出一段距离为什么给li设置左浮动之后不是紧贴着父元素左边，而是会空出一段距离，取消浮动之后恢复正常了

Answer 1

ul是有默认margin和padding的，你可以设置他的margin,padding为0.

ul{
    float:left;
    list-style:none;
}

<ul>
  <li>第一行</li>
  <li>第一行</li>
  <li>第一行</li>
  <li>第一行</li>
</ul>
<ul>
  <li>第2行</li>
  <li>第一行</li>
  <li>第一行</li>
  <li>第一行</li>
</ul>
<ul>
  <li>第3行</li>
  <li>第一行</li>
  <li>第一行</li>
  <li>第一行</li>
</ul>
<ul>
  <li>第4行</li>
  <li>第一行</li>
  <li>第一行</li>
  <li>第一行</li>
</ul>

可以看到ul是有默认的间距的。

Answer 2

应该是系统默认的间距,在 css 中重置一下.最好把代码贴出来,可以找出具体问题.