position中的四种属性

Position有四个属性值，分别是static 、fixed、 relative 、absolute。

第一个属性值是static，这是position的默认属性，一般我们都不会用到它，所以也很少提到它，但是在特殊的情况下，它又有着不可替代的作用，比如，在媒体查询页面当中，正常页面当中需要给元素加position属性，但是在响应式页面中不需要，这是就只能用position：static；没有position：none；的写法，网页也不会识别。

第二个属性fixed——固定定位，fixed是相对于window窗口的定位，一般在网页中也会经常看到，例如置顶，等

第三个属性值relative——相对定位；相对于自己本身的定位；这个定位一般是和absolute属性值一起用；相对定位不会破坏元素的文本流，但是会改变元素的视觉效果

第四个属性值absolute——绝对定位；相对于父级元素的定位，如果没有父级元素时相对于窗口的定位；

需要注意的是static relative这两个属性值是不会破坏元素的文本属性；但是fixed 和 abosulte则会改变元素的文本流，有float的效果。

今天的文章position中的四种属性分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。