本文详细介绍了CSS中的定位技术，包括static、relative、absolute和fixed四种定位方式，以及相对定位、绝对定位和固定定位的特点和应用场景。重点讲解了相对定位如何作为绝对定位的基准，并阐述了z-index属性在控制元素堆叠顺序中的作用。通过实例展示了如何通过偏移量设置调整元素位置，以及在实际布局中的应用。
定位
position属性
static：默认值，没有定位
relative：相对定位
absolute：绝对定位
fixed：固定定位
static定位：static属性值（没有定位，以标准流方式显示）
相对定位：relative属性值
相对自身原来位置进行偏移
偏移设置：top、left、right、bottom
示例：
偏移量方向：（left和top正、负取值的方向）
相对定位元素的规律
设置相对定位的盒子会相对它原来的位置，通过指定偏移，到达新的位置
设置相对定位的盒子仍在标准文档流中，它对父级盒子和相邻的盒子都没有任何影响
设置相对定位的盒子原来的位置会被保留下来
浮动元素设置相对定位
设置第二个盒子右浮动，再设置第一、第二盒子相对定位
示例：
最低0.47元/天 解锁文章
扫一扫
528
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
