Как выйти за блок с относительным позиционированием?

Question

[Igorigor96]

Стоит задача сделать выпадающее меню в виде горизонтального списка ссылок и выпадающего hover меню. Но дело в том, что ширина выпадающего меню в несколько раз превышает ширину пункта меню, который родитель с position relative. При width: 100% выпадающее меню становится шириной в размер пункта меню. Как сделать, что бы ширина определялась независимо от ширины родителя с position: relative?

Answer 1

[Ankhena]

Не задавайте ему ширину вовсе или задавайте минимальную/максимальную
https://jsfiddle.net/n17Lxj8z/

Answer 2

[Шохрух Шаймардонов]

Position: absolute для элемента задайте либо размеры задавайте не в % а в: vw/vh, rem/em