因为ul设置的宽度不够li排列的，空间不足自然要删的。也可以将ul的宽度设置到足够大就行了

注：float将li的块元素破坏了，没办法撑ul，可以用display：inline-block来补救

1，li为块级元素，块级元素高度会自适应

2，删掉ul宽度是因为ul为li的父元素节点，若设为固定100px宽度，只够撑满至多一个li块

3，加个float能横向排列建议你可以看下之前的网页布局基础课程，（因为块元素的浮动布局才导致横向排列）

我的理解是你宽度ul一旦确定了 在水平排列的时候 一旦li的宽度超过了ul设置的宽度 那么不是又要垂直排列了 

建议你多理解和模型后再写代码，免得不兼容，或者代码重复，