菜鸟一枚，问个问题哦
来源：10-1 编程挑战
浅夏诗韵
2015-12-02 12:15
#tabs ul li{float:left;background:#fff;cursor:pointer;list-style:none;height:28px;line-height:28px;margin:0 10px;border:1px #aaa solid;border-bottom:none;display:inline-block;}
问题一：这段代码里面已经设置了float：left,为什么还要设置display:inline-block;这两个设置的目的不都是让元素在一行显示吗？
问题二：把float：left,去掉后，元素之间的间距变大了为什么啊
写回答
关注
1回答
-
- 李晓健
- 2015-12-02 12:41:52
1、其实设了float：left 没有必须要再设置 display:inline-block，
2、去掉了float 空隙变大是因为有隐藏空格造成的间隙（其实是基线造成的）。解决方法是给ul设置font-size:0 或者是把所有的li放在一行，别一行写一个。
去查查资料看看css基线的相关知识。
JavaScript进阶篇
本课程从如何插入JS代码开始，带您进入网页动态交互世界
468061 学习 · 21891 问题
相似问题