关于display:inline-block;

来源:10-1 编程挑战

慕勒9330939

2016-12-16 14:27

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;删了好像没有什么变化啊,功能照样能运行。求解惑~

写回答 关注

2回答

  • __67
    2016-12-17 10:26:43
    已采纳

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

    慕少5527...

    请问为什么去掉float:left保留display:inline-block情况下,当鼠标操作li时,所有li都会集体向下移动数值等于li红色加粗上边框宽度的距离?

    2017-01-18 13:40:28

    共 2 条回复 >

  • 云彩无色3804005
    2016-12-19 22:37:29

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

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题