块级元素中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呢？对结果没有任何的影响。