鍍金池/ 問答/HTML/ 關(guān)于float和inline-block的一個面試問題

關(guān)于float和inline-block的一個面試問題

兩組div,大小寬高一樣大,一組是flaot:left類型,順序排下去,另外一組是inline-block類型,順序排下去請問這兩組有什么區(qū)別?(寬高一樣大,不是float的什么鋸齒現(xiàn)象)

回答
編輯回答
笑浮塵

1.inline-block有盒子間隙;
2.inline-block在ie67不完全支持,只支持display:inline的元素;
暫時只想到這么多

2018年6月7日 04:30
編輯回答
孤星

我能想到的有以下區(qū)別:

  1. float不受父元素text-align的影響
  2. inline-block會受到元素間空格的影響,float不會
  3. float會導(dǎo)致父元素高度塌陷,inline-block不會
  4. float比inline-block的兼容性要好一些
  5. 元素中的內(nèi)容超出后,float不會擠開其他元素,inline-block會
2017年9月6日 07:50