html - 底部元素位于其他元素上方的侧边栏

Question

我有一个类似于这个的边栏:

http://jsfiddle.net/pf798/

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

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

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

Answer 1

只需从第二个列表中删除绝对位置。它仍将位于底部，因此无需绝对将其定位在那里。