关于display:inline-block;

源自：10-1 编程挑战

关于display:inline-block;

10-1中的CSS这一段

#tabs ul li{

float:left; width:60px; height:28px; line-height:28px; text-align:center;margin:0px 3px; border:1px solid #aaa;border-bottom:none; display:inline-block;cursor:pointer; background:#fff; list-style:none;

}

我把display:inline-block;删了好像没有什么变化啊，功能照样能运行。求解惑~

提问者：慕勒9330939 2016-12-16 14:27

个回答

__67

2016-12-17 10:26:43

已采纳

那是因为你首先设置了左浮动float：left；如果你把左浮去掉，再去掉display：inline-block；你看看效果就明白了；

0
云彩无色3804005

2016-12-19 22:37:29

display:inline-block; float:left; 自己再改改

0