Question

当你有多个具有相同类的Div时，它们彼此垂直堆叠。如何将位置设置为相对位置并偏移顶部表示200px仅将第一个div向下移动200px。其余的div（属于同一类）不会被200px推下来

.question {
  margin: 120px auto;
  text-align: center;
  position: relative;
  top: 200px;
}

“问题”类中所有div的边距都被尊重，但偏移200px的位置仅适用于带有问题类的第一个div。为什么呢？

Answer 1

我认为这里存在轻微的误解。实际上，所有div都偏移了200px，但它们相对于原始位置偏移，而不是相对于具有question类的其他开发。

以这种方式思考：你有一个容器里面有两个question div。其中第一个位于容器顶部下方200px处。第二个位于通常位置下方200px的位置，它位于第一个question div的正下方，而不是低于此值的200px（否则它将比原始位置低400px）。

我在这里举了一个例子，让你明白我的意思。请注意，第三个div仍然处于原始位置。

至于边距 - 这看起来不同，因为它将div推离以前的任何东西，因此它可以相对于兄弟元素而不一定相对于它自己的起始位置。