侧边栏中的元素位于其他元素的底部

Question

我有一个与此类似的侧栏：

http://jsfiddle.net/pf798/

<ul id="top-elements"></ul>
<ul id="bottom-elements"></ul>

有两个清单。一个用于顶部元素，另一个用于具有绝对位置的底部元素。

我需要的是至少要有这个侧边栏底部的元素没有奇怪的行为，例如：当调整窗口大小时，让我们说高度的一半，底部元素将位于“顶部元素的顶部” ”。当我调整窗口高度并且它们到达顶部元素时，如何让底部元素停止？

Answer 1

只需从第二个列表中删除绝对位置即可。它仍然在底部，所以没有必要绝对定位它。