[转帖]css position的属性值
当前位置:点晴教程→知识管理交流
→『 技术文档交流 』
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等属性成固定位置的效果。 原文 该文章在 2023/8/18 8:42:08 编辑过 |
关键字查询
相关文章
正在查询... |