admin管理员组

文章数量:1610831

1、position: static
是position的默认值 意思的没有定位
也可以理解为清除定位
2、position: relative
相对定位
给元素设置相对于原本位置的定位，元素并不脱离文档流，原本的位置会被保留，其他的元素位置不会受到影响。
3、position: absolute
绝对定位
设置时注意子绝父相，就是给子元素设置绝对定位时也不要忘了给他的父级元素设置相对定位。
如果没有给父盒子设置相对定位的话，他就会一层一层向上找，直到找到body
到这时他就会基于body进行定位
4、position: fixed
固定定位
fixed可以说是特殊版的absolute，因为fixed元素总是相对于body定位的。
5、position: sticky
sticky 是一个值得注意的
在屏幕范围（viewport）时该元素的位置并不受到定位影响（设置是top、left等属性无效），当该元素的位置将要移出偏移范围时，定位又会变成fixed，根据设置的left、top等属性成固定位置的效果。
值得注意的 z-index
z-index 可以设置元素的先后顺序他必须是在 position 元素上才有效 还可以设置负值

本文标签： 方法Position

版权声明：本文标题：position定位的5个方法 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dongtai/1728603659a1165175.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。