                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

关于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

源自：JavaScript进阶篇 10-1

关注问题我要回答

626

操作

收起

2 回答

__67 回答被采纳 +3 积分
2016-12-17

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

0 回复有任何疑惑可以回复我~

#1

慕勒9330939 提问者

非常感谢！

2016-12-22 回复有任何疑惑可以回复我~

#2

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

2017-01-18 回复有任何疑惑可以回复我~

云彩无色3804005
2016-12-19

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

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 469022 人
解答问题 22582 个

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

本课相似问答

1 回答display:block跟display:inline-block写不写怎么没区别啊

1 回答window.onload=function()和display: block、display: inline-block、

2 回答关于getElementsByName。

1 回答关于lastChild

4 回答关于setTimeout

搜索更多本课相关问答

关于display:inline-block;

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号