css position属性

position有五种属性
有position属性top,bottom,right,left才起作用(除了static)

1. absolute

生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

2. relative

生成相对定位的元素，相对于其父组件原本正常位置(即其原本的位置)进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

3. fixed

生成绝对定位的元素，相对于浏览器窗口进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

4. static

默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。

5. inherit

规定应该从父元素继承 position 属性的值。
注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。

• 注: z-index : -1 可以把一个元素放置于另一元素之后。