定位
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
相对浏览器窗口进行定位,定位后无论滚动条如何滚动,盒子相对于浏览器的位置始终不变