CSS 组合框下拉位置

Question

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

• 我有一个停靠在屏幕右侧的菜单栏
• 菜单栏包含固定宽度的select 元素（组合框）
• 有时这些组合框的内容太大而无法容纳该固定宽度

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

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

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

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

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

Answer 1

如果使用纯 CSS，你会不走运。
你可以寻找 javascript combobox 并使用 css 设置样式。