Question

在CSS 中，用 float 和 position 的区别是什么

Answer 1

float是浮动，你也可以理解为左对齐或者右对齐，float只有一层，也就是没有浮动的是1层，浮动了的是1层，没有浮动的元素会挨个往下排，浮动的会挨个往下排。
position 是定位，可以随心所欲的定位，想定哪定哪，他有无数层（实际是有最大值的）由z-index控制，每一层和每一层都能重叠

Answer 2

position  //定位属性

属性值：

1. static  //静态（非动态）

2. relative  //相对自己（盒子的顶点）的可以移动（通过top和left属性）

3. fixed  //固定漂浮在浏览器的（通过top、left、right、bottom）

4. absolute  //绝对的漂浮定位在body的某个位置

我们的盒子有两种方式存在在浏览器中

第一种方式：绘制在画板（static、relative  ）

第二种方式：漂浮在画板之上（fixed  、absolute）

结论：position组合实用的规律

如果每个元素它的position：absolute的话，那么它的参照物的顶点就是往父容器寻找position非static的元素

float浮动

1. float的元素是漂浮

2. float的本质好比向左（left）|右（right）看齐