admin管理员组

文章数量:1611398

position 的常见四个属性值： relative，absolute，fixed，static。一般都要配合"left"、“top”、“right"以及"bottom” 属性使用。
　　
1：static：默认位置，（static 元素会忽略任何top、bottom、left 或right 声明）一般不常用。

2：relative：位置被设置为relative 的元素，偏移的top，right，bottom，left 的值都以它原来的位置为基准偏移。注意relative 移动后的元素在原来的位置仍占据空间。

3：absolute：位置设置为absolute 的元素，可定位于相对于包含它的元素的指定坐标。意思就是如果它的父容器设置了position 属性，并且position 的属性值为absolute 或者relative，那么就会依据父容器进行偏移。如果其父容器没有设置position 属性，那么偏移是以body为依据。注意设置absolute 属性的元素在标准流中不占位置。

4：fixed：位置被设置为fixed 的元素，可定位于相对于浏览器窗口的指定坐标。不论窗口滚动与否，元素都会留在那个位置。它始终是以body 为依据的。注意设置fixed 属性的元素在标准流中不占位置。

总结：position设置为absolute和fixed的元素都脱离了文档标准流

本文标签： 几个属性Position

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