position属性
position是css的一个定位属性,通过指定元素的定位方式,来设置元素的位置
position属性值
static | position属性默认值,不为元素设置定位方式,元素会按照文档流中位置正常显示。也可用来取消之前设置的定位。 |
absolute | 绝对定位,完全脱离文档流,以包含块为参照物进行定位(设置top,bottom,left,right属性确定元素位置) |
relative | 相对定位,不脱离文档流,以自身原位置为参照物进行定位(设置top,bottom,left,right属性确定元素位置) |
fixed | 固定定位,完全脱离文档流,以浏览器窗口为参照物进行固定定位(设置top,bottom,left,right属性确定元素位置) |
stycky | 粘性定位,元素随着窗口的滚动 到达指定位置的时候 ,会表现为固定定位的模式。 |
position各属性值用法
-
static
默认值,不为元素设置定位。很少使用,如果想要取消一个元素之前的定位设置,可以为该元素设置position属性设置为static