Как сверстать такое submenu?

Question

[zjoin]

Submenu равно ширине menu, и при ховере на второй пункт submenu смещается относительно второго пункта, а не с начала навигации. Позиция относительная относительно nav, что не так?

Comments

[Евгений Низамиев]

Код, нужен код.
HTML и CSS
Желательно "живой" пример

Answer 1

[zjoin]

Вот живой пример 1951c02.ngrok.com

Comments

[Евгений Низамиев]

Добавьте/исправьте.

.navlist ul {
position: relative;
}

.submenu.list {
left: 0px;
top: 34px;
}

Answer 2

[Graph]

у .submenu.list
добавьте left:0

Answer 3

[Виталий Киренков]

Ваше основное меню - relative. Саб лежит в li. На сабе стили { position: absolute; top: 100%; right: 0;}

И скриптом вам нужно посмотреть offset каждого основного пункта от левого края - это и будет left для вложенного в него саба.