关于float和inline-block的一个面试问题

两组div,大小宽高一样大,一组是flaot:left类型,顺序排下去,另外一组是inline-block类型,顺序排下去请问这两组有什么区别?(宽高一样大,不是float的什么锯齿现象)

阅读 1.8k
2 个回答

我能想到的有以下区别:

  1. float不受父元素text-align的影响
  2. inline-block会受到元素间空格的影响,float不会
  3. float会导致父元素高度塌陷,inline-block不会
  4. float比inline-block的兼容性要好一些
  5. 元素中的内容超出后,float不会挤开其他元素,inline-block会

1.inline-block有盒子间隙;
2.inline-block在ie67不完全支持,只支持display:inline的元素;
暂时只想到这么多

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题