jquery - 使div停留在顶部并使其他div滑动时不移动的CSS

我为您创建了一个jsfiddle文件，以了解我的意思：http://jsfiddle.net/CW23N/5/

基本上，我的问题是，当“ #option” div进入时，“＃results” div会继续移动。我希望它保持在同一位置，并确保options div在其顶部，以便它有点悬垂。

我试图修改两个div的z索引，并且弄乱了所有div的各种“位置”设置。我不太确定现在该去哪里。

这比我猜测的更多的是CSS问题。

最佳答案

这应该可以解决问题：

<div id="selector" style="position:relative;">
    Click Me! I'm a dropdown!
    <div id="options" style="position:absolute;">
        <li>Option 1 - Click Me Too!</li>
        <li>Option 2 - Click Me Too!</li>
    </div>
</div>

<div id="results">
    After you click an option, this results box will show.
</div>

编辑：JavaScript略有错误

请在此处参考解决方案：Fiddle Solution