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 可以把一个元素放置于另一元素之后。
网友评论