0
0
碧海醫心
发布时间：2024-11-12 09:34:55
|791人浏览过
|来源于php中文网
原创
绝对定位元素偏移属性相对 content box 的设置
在使用绝对定位时，偏移属性（top、left、right）默认相对包含块的填充框（padding box）的外边缘。但是，有时我们需要相对内容框（content box）进行偏移设置，那么该怎么做呢？
根据问题描述，绝对定位元素需要位于填充框的右上角。如果偏移属性仅相对填充框外边缘，那么这样的设置：
.list {
padding: 1rem;
}
.tag {
position: absolute;
top: 0;
right: 0;
}将导致元素位于填充框外侧的右上角。因此，需要使用相对内容框的偏移设置。
此时，top 和 right 应为：
top: -1rem; right: -1rem;
因为：
通过设置负值，可以实现元素紧贴填充框的右上角停放。
相关文章
css定位元素放进网格后异常怎么办_避免absolute破坏网格结构
css 元素位移动画抖动怎么办_使用 transform translate 替代 top left
css 制作固定页头怎么办_position fixed top 0 与 width 100%
css grid布局中的grid-column-start与grid-column-end_控制项目跨度
css grid布局学习路线是什么_css从grid template columns到align items掌握全流程
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
