Question

css,给块级元素设上display inline与float:left的区别是什么？

例如 一个块级元素，里面包含各种元素。
给这个块级元素设上display inline与设上float:left的区别是什么？

Answer 1

设了float:left的元素允许它的右边存在任何元素同行显示，不论是内联元素还是块元素。但它的左边还是不允许存在任何元素与之同行显示，哪怕其它的元素的代码在前，除非也给前面的元素加上float:left后，才允许同行显示。
设了display:inline的元素，允许它的前后存在其它的内联元素同行显示。关于代码在其前面的块元素之同行显示，则要让前面的元素浮动（不管是左还是右浮动）或设为display:inline，还有代码在后面的是块元素（管它有没有浮动，是左浮动还是右浮动），均不能与之同行，除非设为display:inline。
另外，给块级元素设上display:inline是解决有名的IE6中双倍浮动的利器。

Answer 2

Vue实践-CSS样式position/display/float属性对比使用