定位

定位

position属性

static：默认值，没有定位

relative：相对定位

absolute：绝对定位

fixed：固定定位

标准文档流

未设定任何定位属性时就是标准文档流

相对定位 relative

position:relative
left: X px 使盒子相对于自身位置向右移动X像素
rigth:
top:
bottom:

绝对定位 absolute

position:absolute
left: x px 使盒子相对于离自身最近的“已经定位的盒子”的位置向右移动x像素，如果没有已经定位的元素（除子节点或兄弟节点），那么就相对于body进行定位
right
top
bottom

固定定位 fixed

position:fixed
相对浏览器窗口进行定位，定位后无论滚动条如何滚动，盒子相对于浏览器的位置始终不变