本文详细解析了CSS中的五种定位方式：static、relative、absolute、fixed和sticky。具体介绍了每种定位方式的特点，如static的非定位特性，relative的相对当前位置移动，absolute的脱标流定位，fixed的固定距离定位，以及sticky的粘性定位。适用于前端开发人员深入理解并掌握CSS布局。
HTML+CSS面试题
1. postion有哪些属性，都有什么作用？
postion常用属性：
- static静态：没有定位、非脱标流
- relative相对定位：
- 非脱标流
- 移动时相对当前位置进行移动
- 移动后依然保留移动前的位置
- absolute绝对定位：
- 脱标流，不占据位置
- 父元素有相对定位：移动时根据父元素定位来移动
- 父元素是标准流：移动时根据网页来移动
- fixed固定定位：
- 脱标流，不占据位置
- 始终保持和网页的固定距离
- 不受页面滚动影响
- 常用于网页左右两侧导航栏
- sticky粘性定位：
- 脱标流，不占据位置
- 预先设定一个值（top或left等）然后实时监听网页与自身的距离
- 当网页与盒子的距离大于该值时，保持当前位置不变
- 当网页与盒子的距离等于设定值时，保持设定值不变
- 常用于导航栏
扫一扫
6万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
