定位问题_定位的问题-优快云博客

本文详细解析了CSS中的四种定位方式：static、relative、absolute和fixed，包括它们的特点、使用场景及如何影响元素布局。同时，文章强调了定位属性与z-index、浮动等样式配合使用的注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


定位：
根据项目需要 通过相关方法 让元素显示位置发生偏移
定位的方式：
static   默认
relative 相对定位
absolute 绝对定位
fixed 固定定位
注意：
只有元素采用了定位；top left right bottom z-index 才可以使用
普通元素是没有这些样式的
定位属性基本配合浮动一块使用

2.相对定位

相对定位的特点：
1：如果你仅仅给元素添加了一个相对定位，这个元素显示的位置不会发生任何变化
2：相对定位是相对于元素之前的位置进行的；
3：相对定位的元素，之前现实的空间位置保留
4:z-index 可以调整元素在Z轴的显示位置，值越大越靠前
最大值是1000；

3绝对定位

绝对定位的显示特点;
1:找一个离它最近的，并且使用了定位的父元素来进行定位；
如果父元素没有定位，继续往上找上级父元素；直到HTML；
2:之前占用的空间不会保留
3：如果你想给一个元素添加绝对定位，最好的办法是找到这个元素的
直接父元素给这个父元素添加一个相对定位；

4固定定位

固定定位：相对于整个屏幕进行定位