直接將DIV定位在寬度為100％的自動高度固定位置DIV下

Question

因此，在這里的第一篇文章，我一直很努力地試圖找出這個問題的答案。

我有兩個股利：

#splash {
width:100%;
min-width:1024px;
height:auto;
position:fixed;
top:80px;
z-index:-1;
}

#maincontentwrap {
width:100%;
min-width:1024px;
height:2000px;
z-index:100;
background:#838d82;
}

我要表達的想法是，我希望#maincontentwrap定位在#splash的正下方，但是我希望#maincontentwrap在#splash滾動時保持固定位置。 我猜問題出在我試圖將某個物體直接放置在另一個高度可變的物體下面的事實。

任何對此事的見識將不勝感激。 兩天的修補工作並沒有太多。

提前致謝！！

Answer 1

您應該在#maincontentwrap使用position: fixed或position: absolute ，並根據#splash的高度調整邊距和內#splash 。

如果高度是在運行時確定的，則應考慮使用JavaScript計算和設置#maincontentwrap的邊距。