跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
position

6 篇文章
{
,

}
文章“使用现代 CSS 减少绝对定位”的直接链接
网格 定位

使用现代 CSS 减少绝对定位

Ahmad Shadeed 博客上表达了这样的观点,即我们可能不再像过去那样依赖 position: absolute。其中一个原因是:元素堆叠。例如,如果你有一堆元素应该……

Avatar of Chris Coyier
Chris Coyier 于 2021 年 10 月 13 日 发表
文章“#198: 关于 Position 属性”的直接链接
布局 定位

#198: 关于 Position 属性

  • static: 默认值
  • relative: 允许你使用 top/right/bottom/left 进行微调,使 z-index 生效,并提供一个定位上下文
  • absolute: top/right/bottom/left 移动元素
…
Avatar of Chris Coyier
Chris Coyier 于 2020 年 11 月 20 日 发表
文章“position”的直接链接
position

position

position 属性可以帮助你操作元素的位置,例如

.element {
  position: relative;
  top: 20px;
}

相对于其原始位置,上面的元素现在将从顶部向下移动 20px。如果……

Avatar of Chris Coyier
Chris Coyier 于 2022 年 9 月 28 日 发表
文章“top / bottom / left / right”的直接链接
底部 左边 定位 右边 顶部

top / bottom / left / right

top、bottom、left 和 right 属性与 position 一起使用来设置元素的放置位置。它们只对定位元素有效,即 position 属性设置为除……以外的任何值的元素。

Avatar of Matsuko Friedland
Matsuko Friedland 于 2024 年 8 月 5 日 发表
文章“left”的直接链接
左边 定位

left

CSS 中的 left 属性与 定位 密切相关。默认情况下,元素的定位是 static,在这种情况下,left 属性没有任何效果。但是,当元素的定位为 relative、absolute 或……时。

Avatar of Sara Cope
Sara Cope 于 2019 年 9 月 3 日 发表
文章“绝对、相对、固定定位:它们有什么区别?”的直接链接
position

绝对、相对、固定定位:它们有什么区别?

让我们谈谈 position 属性。我知道初学者对此很好奇。我最近收到了一个问题

我对网页设计还比较陌生,还没有掌握元素定位方面的区别。我知道有

…
Avatar of Chris Coyier
Chris Coyier 于 2020 年 8 月 13 日 发表

CSS-Tricks 由 DigitalOcean 提供技术支持。

通过我们的精心制作的时事通讯,

随时了解 Web 开发最新动态。

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律事项
  • 获得免费积分!
CSS-Tricks
  • 为我们撰稿!
  • 与我们合作广告!
  • 联系我们
社交
  • RSS Feed
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.