将 DIV 放置在具有可变高度的固定 div 下方

问题是这样的： 可以说我有这样的东西：

<div id="leftcontainer">
    <div id="top" style="position:fixed"></div>
    <div id="below"></div>
</div>

我希望 #below div 位于 #top div 下方，但不使用 margin-top，因为 #top div 将具有不同的大小。 此外，#below div 的大小可能会有所不同，并且应滚动到 #top div 下方。

有人知道如何实现这一点吗？ 问候 - 克里斯

使用 jQuery 这相当简单if顶部 div 的高度在页面渲染后固定。

$(document).ready(function() {
    $('#below').css('top', $('#top').outerHeight());
});

这会将下面元素的 css top 属性指定为等于顶部元素的完整高度。其他布局因素可能会导致它不是顶部的正确值，在这种情况下，您必须确定识别顶部值的正确方法，但原理是相同的，在简单的情况下，这将无需修改即可工作。