CSS组合框下拉位置

Question

我在网上搜索但找不到 HTML/CSS 设计的好的答案:

• 我有一个停靠在屏幕右侧的菜单栏
• 菜单栏包含具有固定宽度的选择元素(组合框)
• 有时这些组合框的内容太大而无法适应固定宽度

这是我注意到的当前行为:

• 在正常位置，选择被简单地剪裁，这对我来说很好

• 在下拉位置，下拉“框”没有被剪裁，而是与组合框的左侧对齐；结果它超出了屏幕的右侧，部分内容根本无法阅读

  

我想做的是强制下拉框与其父组合框的右侧对齐。

有什么方法可以在 CSS 中做到这一点 - 我猜甚至是 JS 但不是首选解决方案......？

Answer 1

使用纯 CSS 你会倒霉的。
你可以找一个javascript combobox虽然并使用 css 设置样式。