【原创】CSS中定位

浏览器窗口，自上而下，自左到右元素的排班成为文档流

由于文档流中每个元素都有固定的位置，为改变文档流的位置，或者隐藏元素在文档流中的物理空间。

相对位置
绝对位置
固定位置

相对位置需要设置参照
position：relative属性将元素自身位置设为参照物。
如果一个元素设置了该属性
上下左右移动属性：
bottom(向上移动，即距离相对位置下端的距离)
top(向下移动，即距离相对位置上端的距离)
left(向右移动，即距离相对位置左端的距离)
right(向左移动，即距离相对位置右端的距离)
注意：属性值可以为负数
     相对位置不会改变原有元素的物理空间

position: absolute;
参照物:
a.如果父类元素均未被定位,则以body为参照物(即body左上角点为参照物)
b.如果父辈被定位,则以最近的父辈为参照物(父辈的同级不能作为参照物)
设置方法:
a.设置父类元素为相对定位
b.设置自身为绝对定位
c.绝对定位元素,原有的物理空间不存在,即原有物理空间会被覆盖

position: fixed;
参照物:浏览器窗口
用于设置某个元素固定在浏览器窗口的某个位置,浏览器滚动时,该元素不跟随变动.