How to implement such a menu?

Question

css

How to implement this type of menu?

The menu itself should be in a container with a border.
The problem is that if the last level of the menu is set to position: absolute, then the parent container will not have a dynamic height and will change depending on the number of menu items.
What other solutions are there?

Answer 1

Try to give the last menu not absolute, but relative

Answer 2

I sketched it like this:
https://codepen.io/Melagomania/pen/MQQvgb?editors=0100
Of course, the solution is a hack and absolutely not universal, because the number of submenu elements can be different. Nevertheless, it is possible that in some particular case this method will do if it does not provide for the addition / deletion of sub-items, sub-menus. You can also set different margins at the bottom when hovering over different menu items, so that the height "adjusts".