码迷,mamicode.com
首页 > 其他好文 > 详细

display:inline 遇上 li 无效? why?

时间:2016-06-27 15:27:39      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:

若制作导航栏时,使用列表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; } 这样定义的宽和高度都小效,所以可以再添加对应的背景图片了

display:inline 遇上 li 无效? why?

标签:

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!