
%ign%ignore_a_1%re_a_1%:含填充块偏移属性设置
在使用绝对定位时,偏移属性通常相对于包含块的边框外侧进行设置。然而,当希望绝对定位元素紧贴包含块的填充盒右上角时,偏移属性的设置却有所不同。
假设一个包含块拥有 1rem 填充,则以下设置不能实现绝对定位元素紧贴填充盒右上角:
.tag { top: 0; right: 0;}
因为绝对定位的偏移属性是相对于边框外侧设置的,因此此设置只允许元素紧贴边框外侧,与填充盒无关。
无涯·问知
无涯·问知,是一款基于星环大模型底座,结合个人知识库、企业知识库、法律法规、财经等多种知识源的企业级垂直领域问答产品
153 查看详情
要实现元素紧贴填充盒右上角,需要将偏移属性相对于填充盒的内侧设置:
.tag { top: -1rem; right: -1rem;}
负的偏移值将元素向上和向左偏移 1rem,从而紧贴填充盒的右上角。
以上就是绝对定位元素如何紧贴包含块的填充盒右上角?的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1156450.html
微信扫一扫
支付宝扫一扫