转载自这里
inline为display属性:设置是否及如何显示元素 ---> 此元素会被显示为内联元素,元素前后没有换行符。
在<li style="display:inline">,可以使其在一行中显示。但当这个时候我无法给li限制高度和宽度。给布局上带来很大的不便。
<!--以下为ZT-->
Li,默认情况下,是块级元素,但我们给其加上了display:inline;使得其变为了内联元素。内联属于行布局,其特性是在一行里进行布局,所以不能被设定宽高。在这个时候,如果我们要给li进行定义宽度和高度,我们就要用到float:left;(左浮动)
float:left;(左浮动)他使得指定元素脱离普通的文档流而产生的特别的布局特性。并且FLOAT必需应用在块级元素之上,也就是说浮动并不应用于内联标签。或者换句话来说当应用了FLOAT那么这个元素将被指定为块级元素。