jquery - CSS 菜单列表项需要显示在 div 容器内

Question

我正在使用这个下拉菜单：css-tricks simple jquery drop down，我需要它完全显示在另一个 div 中。

我的 div 是可拖动的$('#textbox')。您可以在此处的 jsfiddle 中看到它：http: //jsfiddle.net/asaakius/5nGYS/13/。我已将相关的 CSS 放在这个 jsfiddle 中。

你会看到有一个带有 的可拖动框x，这是可以滚动的菜单。问题是菜单应该显示在文本框中，但它没有。$('#textbox')我认为这是因为它从右侧溢出。有没有办法让这个菜单显示在左边？

我还在页面的一侧放了一个扁平的 x，而不是任何容器的一部分，因此您知道菜单正常工作时的外观。

Answer 1

演示在这里。
这是我所做的：
首先，可拖动对象内的下拉菜单根本没有出现。我把下拉菜单ul放在li有“x”按钮的里面。然后，在 CSS 规则中ul.dropdown ul（就在 之后/* LEVEL TWO */），我更改left: 0;为right: 0;并更改宽度以使其适合可拖动的内容。
希望这可以帮助！
注意：如果您希望下拉文本右对齐，请添加text-align: right;到ul.dropdown ul规则中。

Answer 2

这是你的答案：http: //jsfiddle.net/5nGYS/17/