display:inline 遇上 li 无效? why?

时间:2023-03-08 19:29:19
display:inline  遇上   li  无效? why?

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