CSS使得div保持在最顶层，并使其他div在slideToggled时不移动

Question

我已经创建了一个jsfiddle文件供您查看我的意思：http://jsfiddle.net/CW23N/5/

基本上，我的问题是当“#option”div进来时“#results”div继续移动。我希望它保持在同一个地方，并确保选项div位于其上，所以它有点过分。

我已经尝试修改两个div的z-index，并且我已经搞乱了所有div的各种“位置”设置。我不太清楚现在要去哪里：/。

这是一个CSS问题而不是我猜的任何问题。

Answer 1

这应该可以解决问题：

<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