position的几个属性的作用离别有哪些

position 的常见四个属性值: relative，absolute，fixed，static。一样都要配合"left"、"top"、"right" 乃至 "bottom" 属性使用。

下面我们来具体说明一下：

static：默许位置

在一样状况下，我们不需要特殊的去声明它，但有时候碰到继承的状况，我们不肯意见到元素所继承的属性影响本身，从而可以用Position:static取消继承，即复原元素定位的默许值。设定为 static 的元素，它始终会处于页面流给予的位置(static 元素会忽略任何 top、 bottom、left 或 right 声明)。不常用。

relative：相对定位

相对定位是相关于元素默许的位置的定位，它偏移的 top，right，bottom，left 的值都以它本来的位置为基准偏移，而不管其他元素会如何 样。留意 relative 移动后的元素在本来的位置仍占据空间。

absolute：绝对定位

设定为 absolute 的元素，假如它的 父容器设定了 position 属性，并且 position 的属性值为 absolute 或者 relative，那么就会根据父容器停止偏移。假如其父容器没有设定 position 属性，那么偏移是以 body 为根据。留意设定 absolute 属性的元素在标准流中不占位置。

fixed：牢固定位

位置被设定为 fixed 的元素，可定位于相关于阅读器窗口的指定坐标。不管窗口滚动与否，元素都会留在阿谁位置。它始终是以 body 为根据的。 留意设定 fixed 属性的元素在标准流中不占位置。

引荐教程：css快速入门

以上就是position的几个属性的作用离别是啥的具体内容，更多请关注百分百源码网其它相关文章！