文章标签

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

• static: 默认值
• relative: 允许你使用 top/right/bottom/left 进行微调，使 z-index 生效，并提供一个定位上下文
• absolute: top/right/bottom/left 移动元素

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

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

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

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

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

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

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