Я работаю над чистым меню CSS, которое состоит из четырех уровней
Уровень 1 и 2 представляют собой выпадающее меню в стиле
Уровни 3+ являются выпадающими меню
Когда вы наводите курсор мыши на элемент меню уровня 1, меню уровня 2 отображается непосредственно под элементом меню, над которым вы в данный момент находитесь. Однако, если на уровне 2 имеется много пунктов меню, меню уровня 2 исчезает с экрана, и вы видите горизонтальную полосу прокрутки.
Что я хочу сделать, так это то, что если меню собирается исчезнуть с экрана, я хочу, чтобы оно было сдвинуто влево. Например, если длина меню составляла 300 пикселей, а между элементом меню уровня 1 и краем страницы было всего 250 пикселей, меню уровня 2 не следует размещать непосредственно под родительским элементом уровня 1, вместо этого оно должно составлять 50 пикселей левый.
Я использую вложенный неупорядоченный список для меню.