html - 如何使用 CSS inset 将元素定位在右上角?
问题描述
而不是top
和right
CSS 属性,我想 inset
用来定位元素。
例如,以下代码将元素放置在右上角:
.top-right {
top: 0;
right: 0;
}
您将如何使用该inset
属性实现相同的目标?我尝试过使用不同的方法,但无法弄清楚。
尽管我在以下示例中将top
和都设置right
为 0 inset
,但它不起作用:
.top-right {
inset: 0 0;
}
解决方案
这将是:
.top-right {
inset: 0 0 auto auto;
}
顺序是上、右、下、左。margin
它具有与orpadding
速记相同的多值语法。
如果使用inset: 0 0;
,则与 相同inset: 0 0 0 0;
,这意味着您还将bottom
和left
属性设置为 0。您可以将它们设置为初始值 ( auto
) 来解决您的问题。
推荐阅读
- php - 使用文本文件从命令行运行 php
- bash - 为什么我的数组总是只存储第一个索引的数据?
- httpclient - 日志分析 Post call 403 禁止错误
- sql - 计算两方之间的对话“交流”次数
- firebase - 如何使用数据模型从 firebase 实时数据库中检索数据?
- windows - 在仍然连接互联网的情况下工作 20 分钟后,Chrome/IE 上的 ERR_CONNECTION_FAILED
- assembly - 如何将字符串的地址更改为字符串的第n个字符
- c# - 为什么具有 1 和 2 秩的非零基数组具有不同的类型?
- python - Sqlalchemy 双关联表?
- tomcat - $CATALINA_HOME/shared/lib 是 Tomcat 的真正功能吗?