%ign%ignore_a_1%re_a_1%元素偏移属性相对于内容框的设置
在了解绝对定位元素偏移属性时，需要注意其相对于包含块的边框框(border box)外边缘的定位关系。若要将绝对定位元素置于包含块内容框(content box)的右上角，则需要考虑正确的偏移属性设置。
假设包含块具有内边距(padding)，如下代码所示：
.list { padding: 1rem;}.tag { position: absolute; top: 0; right: 0;}
在这种情况下，由于偏移属性是相对于border box，因此.tag元素将位于包含块border box的右上角，它将随内边距向外移动1rem。
话袋AI笔记
话袋AI笔记, 像聊天一样随时随地记录每一个想法，打造属于你的个人知识库，成为你的外挂大脑
195 查看详情 
然而，问题中暗示了另一种情况，即偏移属性相对于内容框。如果这是真的，那么为了将.tag元素紧贴右上角停放，需要将偏移属性设置为以下值：
top: -1rem;right: -1rem;
这是因为top属性对于内容框来说朝下为正，而我们需要向上移动元素才能将其放置在内容框的右上角。同样，right属性朝右为正，我们需要向左移动元素。
以上就是绝对定位元素偏移属性如何相对于内容框设置？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1157000.html
微信扫一扫 
支付宝扫一扫 
