直接将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的边距。