将DIV直接定位在100％宽度自动高度固定位置DIV下

Question

所以，首先发布在这里，我一直在努力找出这个问题的答案。

我有两个div：

#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

您应该在position: fixed中使用position: absolute或#maincontentwrap，并根据#splash的高度调整边距和填充。

如果在运行时确定高度，则应考虑使用JavaScript计算和设置#maincontentwrap的边距。