display: inline和float: left;...-慕课网

                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS Sprite雪碧图应用

display: inline和float: left; 用在一起的目的不太懂，display: inline;貌似是多余的。

weiyu

2014-05-03

源自：CSS Sprite雪碧图应用 3-3

关注问题我要回答

2527

操作

收起

10 回答

weiyu 提问者
2014-05-13

是为了解决ie6的双margin bug吧

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

收起回答

翌子涵
2014-07-15

个人感觉使用display:inline-block;float:left;更好些吧。

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

收起回答

Tracy_
2014-06-15

IE6浏览器不兼容浮动会出现双margin

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

收起回答

水若寒
2014-06-06

float:left;display:inline;可以解决双倍问题，可是IE6 的双bug问题出现的前提什么，这种情况怎么会出现双倍间距问题呢？

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

收起回答

即興の靈感

前提是浮动方向跟外边距方向相反，所以才有使用负边距解决双倍边距问题的办法

2014-07-28 回复有任何疑惑可以回复我~

weiyu 提问者
2014-05-23

是为了解决ie6的双margin bug

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

收起回答

ac黄
2014-05-22

行元素浮动之后就相当与块状元素了，没有必要再设置display:block

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

收起回答

无天
2014-05-22

所以正确应该是: li{ display:block; width:30px; height:24px; float:left; }

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

收起回答

无天
2014-05-22

display:inline;是把元素变成内联元素，而<i>标签本身就是内联元素，内联元素设置width,height是无效的，所以课程中应该是弄错了，目的应该是为了给<i>标签加上width,height值，把<i>变成块及元素，块级元素是会独占一行的，所以又给加上了个float:left;属性让<i>标签跳出文档流。

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

收起回答