浅谈CSS中position属性

css中position属性用于元素定位,其属性值有5个,分别是inherit staticrelativefixedabsolute ,下面是具体的分析:

1.inherit 规定该元素的position的属性值继承自父元素。也就是说该元素的position属性值跟其父元素一样

2.static  元素的position属性的默认值,不用于特殊定位,排在什么位置就是什么位置。

3.fixed 生成绝对定位的元素,相对于浏览器窗口进行定位。也就说该元素的定位是相对于浏览器的窗体而言的,不随页面的滚动而发生变化。

4.relative 生成相对定位的元素,相对于其正常位置进行定位。也就是说该元素的定位是相对于该元素默认定位时的位置而言的,在本来应该存在的位置进行移动。

5.absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。也就是说该元素的定位是相对于该元素的第一父元素而言的,以父元素的左上角的最靠边的点为坐标原点,相对于该点进行移动

原文地址:https://www.cnblogs.com/Sunnykeke/p/6654872.html