CSS外部分區隨內部分移動

Question

我創建了CSS Desk示例來幫助解決我的問題。

我有一個外部div,.mainPage它有一個孩子div,.content。當我將.content的上邊距設置爲任意大小時，.mainPage隨內容一起移動。

我不希望發生這種情況，我想.mainPagediv留在標題上方的頂部，並開始160px向下的內容，它位於標題下方。

標題是fixed，以便只有內容移動，才能給背景帶來非常好的效果。

Answer 1

如果您將內容元素上的margin-top更改爲padding-top，則.main Page上的背景將顯示在標題下方。這是你要去的效果嗎？

此外，請注意，您沒有在.mainPage,上設置相對，絕對或固定的position，所以z-index將不起作用。