#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、其实设了float:left 没有必须要再设置 display:inline-block,
2、去掉了float 空隙变大是因为有隐藏空格造成的间隙(其实是基线造成的)。解决方法是给ul设置font-size:0 或者是把所有的li放在一行,别一行写一个。
去查查资料看看css基线的相关知识。