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

Question

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

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

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

我还在页面的一侧放了一个扁平的 x，而不是任何容器的一部分，所以你知道菜单正常工作时的样子。

Answer 1

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

Answer 2

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