css中position属性值有哪些

百变鹏仔 3个月前 (09-20) #CSS

文章标签属性

position 属性指定元素的定位方式，包含以下值：static：元素在文档流中正常位置relative：相对原始位置移动，不影响其他元素absolute：从文档流中移除，根据父元素或 body 定位fixed：固定在视口，滚动时保持位置sticky：达到阈值后固定在视口或容器中

CSS 中的 position 属性值

position 属性用于指定元素在父元素或页面中的定位方式。它有以下可能的值：

1. static (默认值)

2. relative

立即学习“前端免费学习笔记（深入）”；

3. absolute

4. fixed

5. sticky

使用示例：

/* 将元素向右移动 50px */.element {  position: relative;  left: 50px;}/* 将元素从页面顶部 100px 处开始定位 */.element {  position: absolute;  top: 100px;}/* 将元素固定在视口右侧 */.element {  position: fixed;  right: 0;}

选择合适的 position 值的指南：

文章推荐

css中position属性值有哪些

css如何让导航栏变透明

css 怎么去除a标签的手形

css里怎样设置字体大小和字体颜色

css如何固定导航栏

css边框变圆角边框怎么写