display:inline 遇上 li 无效? why?

若制作导航栏时,使用列表li 的定义时,若想加上一个背景图 ,这时候若定义li的一个属性为:li{display:inline ; 83px; height:30px;},则浏览器会无视后面的高和宽属性的定义,按照默认字体大小来显示!
   解决的方法为,将display:inline ,改成 display:block; 和加上float:left; 即可正常,完整的应为:li{display:block; float:left;  margin-right:5px; 83px; height:30px; } 这样定义的宽和高度都小效,所以可以再添加对应的背景图片了

原文地址:https://www.cnblogs.com/Tachi/p/5620060.html