Question

在css 布局中用float 好还是用position 好分别有什么优势

Answer 1

要看情况。浮动和定位以后，元素就都没有高度了 浮动的可以用clear:both 来清除浮动 定位的只能固定父元素高度。
所以，如果高度固定的，里面的元素可以用position定位，好处是想定在什么位置都可以 甚至是超出父级元素的范围。而且不会影响其他的元素
如果高度不固定。分左右排版或者左中右排版的，可以用float 然后用清除浮动来确定高度。

Answer 2

float和position这两者并没有孰好孰不好的问题，两者按需使用，各得所需的效果。
float从字面上的意思就是浮动，这种在印刷排版之类中可能解释的更加贴切。float能让元素从文档流中抽出，它并不占文档流的空间，典型的就是图文混排中文字环绕图片的效果了。并且float这也是目前使用最多的网页布局方式。不过需要注意的是清除浮动是可能需要注意的地方。并且如果要考虑到古老的IE6之类的还会有一些bug诸如双边距等等问题。
而position顾名思义就是定位。有以下这几种属性：static(默认)，relative(相对定位)，absolute(绝对定位)和fixed(固定定位)。其中static和relative会占据文档流空间，他们并不是脱离文档的。absolute和fixed是脱离文档流的，不会占据文档流空间。

Answer 3

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