CSS Position小结

position 属性规定元素的定位类型。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。

position：relative | absolute | fixed | static | inherit

1.static 为默认值，无特殊定位，按照正常的文档流进行排列。

注意:当position为static时，定义top,left,bottom,right是不起作用的。

2.absolute 对象将脱离文档流，不再占据元素在文档中的正常位置。它的偏移位置是以最近已定位的祖先元素作为参照，如果没有已定位的祖先元素，则以顶级元素作为参照。

3.relative 元素不会脱离文档流，仍然占据原来的空间，它的偏移位置会以自身的占位空间作为参照。可以通过设置margin-top、margin-bottom为负值，来改变它在占位空间中的高度。

3. fixed 是特殊的absolute，会脱离文档流，总是以body为定位对象的，按照浏览器的窗口进行定位。