float问题,有点疑问,还没搞明白

为什么这段代码将li的注释去掉效果会不一样。。。

<!DOCTYPE html>




<br> body, ul, li {<br> margin: 0;<br> padding: 0;<br> }<br> ul, li {<br> list-style: none;<br> }<br> ul {<br> width: 1000px;<br> height: 500px;<br> background-color: yellow;<br> }<br> /*li {<br> width: 139px;<br> height: 150px;<br> }*/<br> #one {<br> float: left;<br> background: red;<br> }</p> <pre><code> &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;ul&gt; &lt;li id= &quot;one&quot;&gt;&lt;img src= &quot;start1.jpg&quot; /&gt;&lt;/li&gt; &lt;li style= &quot;background: blue;&quot;&gt;&lt;img src= &quot;start2.jpg&quot; /&gt;&lt;/li&gt; &lt;li style= &quot;background: black;&quot;&gt;&lt;img src= &quot;start3.jpg&quot; /&gt;&lt;/li&gt; &lt;li&gt;&lt;img src= &quot;start4.jpg&quot; /&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/body&gt; </code></pre> <p></html></p>

长宽被去掉了,有可能影响布局你指的是哪不一样

楼上的,就是结果为什么不同图片说明
图片说明