CSS position的五种属性
一、static
当css的position设置为static的时候,对应的top、right、left、bottom会失效。而且会根据在其之上的布局而自动向下。
二、relative
relative相对于static而言,增加了top、right、left、bottom几个属性。
三、absolute
absolute 不会因为之前或者之后的元素而更改自己的位置,但是当body在一个屏幕高度内装不下的时候,上下滑动的时候 拥有position的控件会动。
四、fixd
fixd属性和absolute属性类似,不同的是使用了fixd属性上下滑动控件都不会动。
五、sticky
sticky属性可以实现粘贴效果,通过设置 top、bottom等属性可以实现。
例如:
.css-test{
position: sticky
top: 0px
}
这样当对应控件滑到 屏幕顶的时候就可以实现粘贴置顶的效果。