本文详细介绍了CSS中的五种定位方式：静态定位、相对定位、绝对定位、固定定位和粘滞定位。静态定位遵循正常的文档流；相对定位在原有位置基础上偏移；绝对定位脱离文档流，相对于最近已定位祖先元素定位；固定定位始终相对于浏览器视口；粘滞定位则在滚动到特定阈值前表现为相对定位，之后变为固定定位。理解这些定位方式对于网页布局至关重要。
1. 静态定位：static
特点：默认文档流定位
2. 相对定位：relative
特点：不脱离文档流 相对于自身在浏览器中的位置定位
3. 绝对定位：absolute
特点： 1. 脱离文档流 原先位置不保留
2. 默认定位元素，无论有没有祖先元素，相对于body定位
3. 祖先元素设置了定位,相对于祖先元素定位（就近原则）
4. 固定定位： fixed
特点：1.脱离文档流 原先位置不保留
2.相对于浏览器视口区域
5. 粘滞定位：sticky
特点：1. 不脱离文档流
2. 没有达到阈值前相对定位，达到阈值就是固定定位
扫一扫
1369
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
