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

我使用这个下拉菜单：css-tricks simple jquery drop down，我需要它在另一个div内完全显示。CSS菜单列表项需要显示在div容器内

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

你会看到有一个可拖动的框，其中有一个x，这是可以翻转的菜单。问题是菜单应该显示里面的文本框，但它不。我认为这是因为它溢出了右边的$('#textbox')。这个菜单可以定位在左边吗？

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

2012-09-01 user961627

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

来源

2012-09-01 11:03:07 Abraham

它确实有助于哉！感谢您的解释！ – user961627

很高兴帮助！ :) – Abraham

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

来源

2012-09-01 11:11:12

随着你的小提琴，菜单出来，而我的和亚伯拉罕的，他们在文本框内，这样，当它的大小和缩小，部分菜单被隐藏，我不想。你用什么CSS的部分让菜单停留在文本框之上？ – user961627

这是关于位置相对和绝对结合左，上和右。这是为了定位。菜单保留在文本框的顶部，因为它具有更高的Z-index –

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

回答

相关问题