为什么给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 中重置一下.最好把代码贴出来,可以找出具体问题.