position属性值（position属性）

今天菲菲来为大家解答以上的问题。position属性值，position属性相信很多小伙伴还不知道,现在让我们一起来看看吧！

1、position属性值有static、relative、absolute、fixed、sticky。

2、static：该关键字指定元素使用正常的布局行为，即元素在文档常规流中当前的布局位置。

3、2、relative：该关键字下，元素先放置在未添加定位时的位置，再在不改变页面布局的前提下调整元素位置（因此会在此元素未添加定位时所在位置留下空白）。

4、3、absolute：是不为元素预留空间，通过指定元素相对于最近的非static定位祖先元素的偏移，来确定元素位置。

5、4、fixed：是指不为元素预留空间，而是通过指定元素相对于屏幕视口（viewport）的位置来指定元素位置。

6、元素的位置在屏幕滚动时不会改变。

7、5、sticky：盒位置根据正常流计算，然后相对于该元素在流中的 flow root（BFC）和 containing block（最近的块级祖先元素）定位。

8、在所有情况下（即便被定位元素为table 时），该元素定位均不对后续元素造成影响。

9、参考资料来源：百度百科-position。

本文就为大家分享到这里，希望小伙伴们会喜欢。

免责声明：本文由用户上传，如有侵权请联系删除！