你可以做这样的测试：将li里的margin-right:8px;删掉（该属性使li之间有间隔）；float:left;删掉，添加border:1px solid red;观察效果，会发现li之间仍有间隔。加上float:left;间隔就没了。这里的这个属性就是用来消除这个间隔的。

有一个有趣的现象就是当为元素（不论之前是什么类型元素，display:none 除外）设置以下 2 个句之一：

 1. position : absolute 

 2. float : left 或 float:right 

简单来说，只要html代码中出现以上两句之一，元素的display显示类型就会自动变为以 display:inline-block（块状元素）的方式显示，当然就可以设置元素的 width 和 height 了，且默认宽度不占满父元素。

如下面的代码，小伙伴们都知道 a 标签是 行内元素 ，所以设置它的 width 是 没有效果的，但是设置为 position:absolute 以后，就可以了。