相对定位多个分类相同类

Question

当您有多个相同类的Div彼此垂直堆叠时。如何设置相对位置，并抵消顶部说200px只移动第一个下降200px。的div（这是同一类下）的其余部分不通过200像素

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

被推下来的“问题”类的所有div的边距尊重，但位置由200像素偏移仅适用于第一个div与问题类。为什么？

Answer 1

我觉得这里有一点点误会。实际上，所有的div都偏移了200px，但是它们相对于它们的原始位置是偏移的，而不是相对于类别为question的其他开发者。

想想这样：你有一个容器里面有两个question divs。其中第一个位于容器顶部以下200px。第二个定位在通常定位的位置以下200px，这将低于第一个question div，而不是低于此像素的200px（否则它将低于其原始位置总计大于400像素）。

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

https://jsfiddle.net/u0sxtgz6/1/

至于保证金 - 因为它推动DIV无论从那个是以前了，所以它可以是相对于同级元素不一定相对于它自己的起始位置，这看起来不同。