CSS的几种定位方式

position 属性指定了元素的定位类型。

position 属性的五个值：static relative fixed absolute sticky

1.static

　　static定位就是没有定位,遵循正常的文档流对象

2.fixed

　　元素的位置相对于浏览器窗口是固定位置,不占据空间,和其它元素重叠

　　fixed定位在IE7和IE8下需要描述!DOCTYPE才能支持

3.relative

　　相对于元素正常位置定位,但是它所占的空间不会改变

4.absolute

　　相对于最近的已定位的父元素,如果元素没有已定位的父元素,那么它位置相对于html

　　absolute定位使元素脱离文档流,所以不占据空间,元素和其它元素重叠

5.sticky

　　基于用户的滚动位置来定位,当页面滚动未超出目标区域时,它表现为相对定位,当页面滚动超出目标区域时,他表现为固定定位

　　区域的值就是top right bottom left其中的一个,只有设置了定位才能生效

　　早期浏览器不支持此定位