来源:3-3 CSS Sprite 应用

weiyu

2014-05-03 14:07

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

写回答 关注

10回答

  • weiyu
    2014-05-13 11:04:54
    已采纳

    是为了解决ie6的双margin bug吧

  • 翌子涵
    2014-07-15 11:46:20

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

  • Tracy_
    2014-06-15 18:06:44

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

  • 水若寒
    2014-06-06 17:55:26

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

    即興の靈感

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

    2014-07-28 20:25:41

    共 1 条回复 >

  • weiyu
    2014-05-23 12:01:43

    是为了解决ie6的双margin bug

  • ac黄
    2014-05-22 14:19:15

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

  • 无天
    2014-05-22 00:07:03

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

  • 无天
    2014-05-22 00:04:45

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

  • wangyouluck
    2014-05-12 09:43:52

    有一种是为了IE兼容所使用的hack

  • 小于飞飞
    2014-05-04 09:02:30

    关于display:inline和float:left:的区别,详看wiki。

CSS Sprite雪碧图应用

必学的大型网站实用技术,让你快速掌握CSS Sprite雪碧图技术

47091 学习 · 241 问题

查看课程

相似问题