div兄弟节点中后面div给margin-top会被上一个兄弟节点遮挡住的原因以及解决方案

如图：

按照正常思路我们我们是想让兄弟节点二显示在兄弟节点一上面。但是现在我们看到的效果是我们的兄弟节点被兄弟节点一给盖住了。而且一般来说我们的后面节点z-index:;值都会比前面的高，但是却会造成这种效果。

造成原因：可能是你的节点一设置了position：relative;属性，但是你的第二个节点没有设置所以才会这样。

解决方法：给第二个也加一个position:relative;属性。

这样就可以显示想要的了。