伟大的position定位

position定位

1.position : static | absolute | fixed | relative声明定位方式

top
right bottom left z-index具体位置以及层叠的高低

2.具体介绍

（1）static:无特殊定位（top,
bottom, left, right 或者 z-index无作用）。

（2）absolute:绝对定位。将对象从文档流中拖出，相对于它最接近的一个有定位设置的父对象进行绝对定位。使用
left ， right ， top ， bottom 位置定位，如果不存在这样的父对象，则依据 body对象。通过z-index层叠。

***当某盒子position设置为absolute后，会使这个盒子溢出正常的文档流，脱离文档流

***要激活对象的绝对定位，必须指定
left ， right ， top ， bottom 属性中的至少一个

（3）relative:相对定位。相对于自身文档流位置进行定位。使用
left ， right ， top ， bottom 位置定位。不可层叠

***放置绝对定位对象在可视区域之外会导致滚动条出现。而放置相对(relative)定位对象在可视区域之外，滚动条不会出现。

（4）fixed:固定定位。相对于浏览器进行定位。使用
left ， right ， top ， bottom 位置定位。不可层叠