position有哪些属性值

手机游戏开发者 2024-9-12 15:07:33 63 0 来自 中国
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等属性成固定位置的结果。
您需要登录后才可以回帖 登录 | 立即注册

Powered by CangBaoKu v1.0 小黑屋藏宝库It社区( 冀ICP备14008649号 )

GMT+8, 2024-11-22 00:57, Processed in 0.156444 second(s), 33 queries.© 2003-2025 cbk Team.

快速回复 返回顶部 返回列表