相对定位的div不会完全分开

Question

希望从我的草图中清楚地知道#shell和.container都是相对定位的div。我希望他们保持亲戚，因为我试图保持一切可以调整响应式设计。

两个相对定位的div中还有其他元素，其中一个，整页图像，绝对定位，以便我可以将东西放在它上面。它在#shell div中编码。

问题是即使#shell和.container相对定位，它们也不会完全分离，除非我用边距强制它们分开。这是令人失望的，因为我一直认为相对定位（显示：块）自动在新行上，并且不会与前面的div重叠。

我没有费心将我的代码添加到此，因为它现在遍布地图上我已经尝试过的所有内容（浮点数，显示选项，z索引等等）。是的，一个上边距，例如添加到.container将分隔div，但边距的影响对于不同的屏幕宽度不一致，即使边距表示为百分比也是如此。此外，添加边距和媒体查询似乎是一种简单的方法来完成可能更简单的事情。

我有兴趣听到有人能告诉我如何强迫这两个脾气暴躁的混蛋分开。

Answer 1

我刚刚发现，如果我改变......

div class =“container”

到...

div id =“container”

......它突然一切正常。这对我来说是另一个谜，至少根据我多年来关于身份和阶级之间区别的理解。

我已做出改变，这就是我将继续留下的。