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的几个属性的作用离别有哪些的细致内容,更多请关注 百分百源码网 其它相干文章!