块级元素中float:left和display:inline一起使用有什么特别作用呢？

Question

实现页面效果：导航栏

html结构：

<ul>

    <li>课程</li>

    <li>职业路径</li>    

    <li>猿问</li>

</ul>

我们通常是这样设置的：

ul li{

  ...

 float:left;

 display:inline;

}

这里display：inline有什么特别的用处呢？

我去掉这一样，效果并没有任何改变啊。

Answer 1

li{display:inline;}的作用是把li转换成内联元素显示。　　li默认为块级元素，一个li会独自占据一行，display:inline会把块级元素转换成内联元素，内联元素大小会根据内容多少而变换，且不会自动换行。不知道这个能不能为你解答

Answer 2

你说的我知道，但是已经浮动了，为什么还要添加display:inline呢？对结果没有任何的影响。