开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >css定位差异特点

css定位差异特点

作者头像

友儿

发布于 2022-09-13 16:22:39

发布于 2022-09-13 16:22:39

2980

举报

文章被收录于专栏：友儿友儿

所有CSS定位属性

属性	描述
bottom	设置定位框的底部外边距边缘。
clip	剪裁绝对定位的元素。
left	设置定位框的左侧外边距边缘。
position	规定元素的定位类型。
right	设置定位框的右侧外边距边缘。
top	设置定位框的顶部外边距边缘。
z-index	设置元素的堆叠顺序。

定位的关键词

position 常用的定位
relative 相对定位的特征
- 不会让出自己原来的位置
- 定位的参考位置是当前元素原来的位置
fixed 固定定位的特征
- 会让出自己原来的位置
- 定位的参考位置是浏览器窗口
absolute 绝对定位的特征
- 会让出自己原来的位置
- 定位的参考位置是祖先中第一个开启定位的元素位置祖先中没有定位的话就相对于浏览器窗口定位
z-index z轴上设置元素的堆叠顺序默认的定位
static HTML 元素默认情况下的定位方式为 static（静态）其他定位
sticky 元素根据用户的滚动位置进行定位

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

目录

所有CSS定位属性

定位的关键词