Выпадающая позиция поля со списком CSS

Question

Я искал в Интернете, но не смог найти хороший ответ для проектов HTML / CSS:

• Справа от экрана закреплена строка меню
• Строка меню содержит select элементов (списков) с фиксированной шириной
• Иногда содержимое этих ящиков слишком велико, чтобы соответствовать фиксированной ширине

Вот текущее поведение, которое я замечаю:

• в нормальном положении, выбор просто ограничен, и я в порядке

• в раскрывающемся положении раскрывающееся поле не обрезается, а выравнивается по левой стороне поля со списком; как следствие, он выходит за правую сторону экрана и часть его просто не читается

  

То, что я хотел бы сделать, это заставить выпадающий список выровняться с вправо его родительского списка.

Любой способ сделать это в CSS - или даже JS, я думаю, но не предпочтительное решение ...?

Answer 1

вам не повезет с чистым CSS.
вы можете найти комбинированный блокнот javascript , хотя и стилизовать его с помощью CSS.