Div容器保证金不会相对于前一个div保持不变

Question

好的我有一个问题，当浏览器窗口重新调整大小（高度不是宽度）时，一个div的边距似乎不会相对于前一个div保持不变。这会产生内容在广泛的浏览器中重叠的问题。下面的图片显示了如何在狭窄的屏幕中工作正常，但在第二张图片中，您可以看到div如何根据浏览器变宽（27英寸imac）向上移动。

如果您转到：http://creativeabyss.co.uk/test/，您可以在调整窗口大小时看到此效果（您可能需要一台大显示器）。我不能为我的生活找出造成这种情况的原因，所以我想知道你们中是否有人可以提供帮助？该代码应在上述链接中提供。

p.s我已经将一个div的背景设置为蓝色，这表明这个div的大小似乎导致了问题......

Answer 1

您的问题是#OuterMenu上的固定高度。它设置为300px，当您调整浏览器窗口大小时，#OuterMenu内的内容高度会降低，但#OuterMenu仍为300px高，这会导致一些空白 - 在其下面呈现的内容之前显示的空格。摆脱#OuterMenu上的固定高度将解决这个问题。它打破了高分辨率，因为#OuterMenu内的内容对于包含div的{​​{1}}来说太高了。在这种情况下，300px下面的内容会显示在div内的内容顶部，但事实上它是#OuterMenu上设置的300px高度这限制了#OuterMenu允许其内容呈现的空间。