How to make dropdown menu full width when parent is nested in container?

Question

css

Hello!
There is a bootstrap navigation menu. How can I make the dropdown menu fill the entire width of the page regardless of the screen resolution?
The difficulty lies in the fact that the parent nav menu is in the container class and is limited in width. Is it possible to solve with styles?
An important clarification: the background extends beyond the parent, and the indentation starts with the parent
Code in the fidl

Answer 1

remove relative from parent