CSS Outer Div 与 Inner Div 一起移动

Question

我创建了一个 CSS Desk帮助我解决问题的示例。

我有一个外部 div，.mainPage，它有一个子 div，.content。当我将 .content 的上边距设置为任意大小时，.mainPage 会随着内容移动。

我不希望发生这种情况，我希望 .mainPage div 保持在标题上方的顶部，内容开始于 160px down，在标题下方。

标题是固定的，因此只有内容会移动，以提供非常好的背景效果。

Answer 1

如果将内容元素上的 margin-top 更改为 padding-top，则 .main Page 上的背景将位于标题下方.这就是你想要的效果吗？

另外，请注意，您没有在 .mainPage 上设置相对、绝对或固定的 position， 所以 z-index 将不起作用。