Li的宽度和高度的问题

Li，默认情况下，是块级元素，但我们给其加上了display:inline;使得其变为了内联元素。内联属于行布局，其特性是在一行里进行布局，所以不能被设定宽高。
在这个时候，如果我们要给li进行定义宽度和高度，我们就要用到float:left;(左浮动)

Quote

float:left;(左浮动)他使得指定元素脱离普通的文档流而产生的特别的布局特性。并且FLOAT必需应用在块级元素之上，也就是说浮动并不应用于内联标签。或者换句话来说当应用了FLOAT那么这个元素将被指定为块级元素。