position有哪些属性值

手机游戏开发者 · 2024-9-12 15:07:33

position 属性用于指定一个元素在文档中的定位方式。top、right、bottom 和 left 属性决定了该元素的终极位置。

static：默认值，没有定位，指定元素使用正常的结构活动，即元素在文档通例流中当前的结构位置，此属性下 top、right、bottom、left 和 z-index 属性无效。
relative相对定位：元素先放置在未添加定位时的位置，在不改变页面结构的条件下调解元素位置（此时会在此元素为添加定位时地点位置留下空缺）。position:relative 对 table-row、table-column、table-cell、table-caption 元素无效。
absolute绝对定位：天生绝对定位的元素，元素会被移出正常文档流，并不为元素预留空间，通过订定元素相对于迩来的非static定位先人元素的偏移，来确定元素位置，绝对定位可以设置外边距合并（margin），而且不会与其他边距合并。
fixed固定定位：元素的位置在屏幕滚动时不会发生改变位置。
sticky (黏性定位,吸顶结果)：设置了sticky的元素，在屏幕范围（viewport）时该元素的位置并不受到定位影响（设置是top、left等属性无效），当该元素的位置将要移出偏移范围时，定位又会酿成fixed，根据设置的left、top等属性成固定位置的结果。

position有哪些属性值

所属分类: 问答交流

新帖推荐: 30日

推荐作品