css定位差异特点
所有CSS定位属性
属性 | 描述 |
|---|---|
bottom | 设置定位框的底部外边距边缘。 |
clip | 剪裁绝对定位的元素。 |
left | 设置定位框的左侧外边距边缘。 |
position | 规定元素的定位类型。 |
right | 设置定位框的右侧外边距边缘。 |
top | 设置定位框的顶部外边距边缘。 |
z-index | 设置元素的堆叠顺序。 |
定位的关键词
- position 常用的定位
- relative 相对定位的特征
- 不会让出自己原来的位置
- 定位的参考位置是当前元素原来的位置
- fixed 固定定位的特征
- 会让出自己原来的位置
- 定位的参考位置是浏览器窗口
- absolute 绝对定位的特征
- 会让出自己原来的位置
- 定位的参考位置是祖先中第一个开启定位的元素位置祖先中没有定位的话就相对于浏览器窗口定位
- z-index z轴上设置元素的堆叠顺序 默认的定位
- static HTML 元素默认情况下的定位方式为 static（静态） 其他定位
- sticky 元素根据用户的滚动位置进行定位
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号