css中position属性用于元素定位,其属性值有5个,分别是inherit 、static、relative、fixed、absolute ,下面是具体的分析:
1.inherit 规定该元素的position的属性值继承自父元素。也就是说该元素的position属性值跟其父元素一样
2.static 元素的position属性的默认值,不用于特殊定位,排在什么位置就是什么位置。
3.fixed 生成绝对定位的元素,相对于浏览器窗口进行定位。也就说该元素的定位是相对于浏览器的窗体而言的,不随页面的滚动而发生变化。
4.relative 生成相对定位的元素,相对于其正常位置进行定位。也就是说该元素的定位是相对于该元素默认定位时的位置而言的,在本来应该存在的位置进行移动。
5.absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。也就是说该元素的定位是相对于该元素的第一父元素而言的,以父元素的左上角的最靠边的点为坐标原点,相对于该点进行移动