浅谈CSS中position属性

  从其他网站学习过来我觉得不错，也放到博客当中作为积累吧!那个网站也是我一哥们建的网站，大家可以多去看看，大多数都是原创

网站链接：http://www.5151jh.com/home/index/index.html

原文链接：http://www.5151jh.com/home/article/detail/id/53.html

css中position属性用于元素定位，其属性值有5个，分别是inherit 、static、relative、fixed、absolute ，下面是具体的分析：

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

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

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

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

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

转载于:https://www.cnblogs.com/Sunnykeke/p/6654872.html