Li,默认情况下,是块级元素,但我们给其加上了 display:inline;使得其变为了内联元素。内联属于行布局,其特性是在一行里进行布局,所以不能被设定宽高。
在这个时候,如果我们要给li进行定义宽度和高度,我们就要用到 float:left;(左浮动)
Quote
float:left;(左浮动)他使得指定元素脱离普通的文档流而产生的特别的布局特性。并且FLOAT必需应用在块级元素之上,也就是说浮动并不应用于内联标签。或者换句话来说当应用了FLOAT那么这个元素将被指定为块级元素。