側邊欄在底部的元素比其他元素

Question

我有類似這樣的側邊欄：

http://jsfiddle.net/pf798/

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

兩個名單。一個用於頂部元素，另一個用於具有絕對位置的底部元素。

我需要的是至少對這個側邊欄底部的元素沒有奇怪的行爲，比如：當調整窗口大小時，讓我們說到高度的一半，底部元素將位於頂部元素」。當我調整窗口高度並且到達頂層元素時，我怎樣才能讓底層元素停下來？

Answer 1

只需從第二個列表中刪除絕對位置。它仍然處於最底層，所以不需要將它定位在那裏。