本文详细介绍了CSS中的四种定位方式：静态定位、相对定位、绝对定位和固定定位。静态定位遵循标准流，相对定位相对于自身位置移动，绝对定位相对于最近的非静态定位父元素定位，固定定位则始终相对于浏览器窗口。每种定位方式的特点和应用场景都有所不同，理解它们对于网页布局至关重要。此外，还提到了元素层级和`z-index`在定位元素叠加时的作用。
静态定位
静态定位就是标准流，不能通过方位属性进行移动
position:static; //静态定位没啥用.........也没用过
相对定位
自恋型定位，相对于自己之前的位置进行移动
position:relative;//相对定位
特点：
1. 需要配合方位属性实现移动
2. 相对于自己原来位置进行移动
3. 在页面中占位置 → 没有脱标
绝对定位
拼爹型定位，相对于非静态定位的父元素进行定位移动
position:absolute;//绝对定位 口诀:子绝父相
特点：
1. 需要配合方位属性实现移动
2. 默认相对于浏览器可视区域进行移动
3. 在页面中不占位置 → 已经脱标
固定定位
死心眼型定位，相对于浏览器进行定位移动
position:fixed;//固定定位
特点：
1. 需要配合方位属性实现移动
2. 相对于浏览器可视区域进行移动
3. 在页面中不占位置 → 已经脱标
层级关系:元素层级
标准流 < 浮动 < 定位
层级关系:定位层级
相对、绝对、固定默认层级相同,此时HTML中写在下面的元素层级更高，会覆盖上面的元素
这里涉及到一个css属性
z-index 用来改变层级 ,加到相应开了定位的元素即可
1582
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
