CSS布局属性position的五种选择

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

}

这样当对应控件滑到 屏幕顶的时候就可以实现粘贴置顶的效果。