Why is this menu pushes the content? how to solve the problem?

https://jsfiddle.net/oqL6hw2n/1/

How to make menu not pushing content?
June 7th 19 at 14:54
2 answers
June 7th 19 at 14:56
position: absolute;
Then the content jumps under the menu - Gordon.McDermo commented on June 7th 19 at 14:59
And not easier to get ready these menus? Which do not move. Just in your layout when you hover increases the block itself, and does not appear for example under the menu block. - presley_Reynolds commented on June 7th 19 at 15:02
Well , the joke is that understand this want and not have there, put it here. These cakes, but thank you for trying to help. - Gordon.McDermo commented on June 7th 19 at 15:05
I would suggest that you block to create sub-menu that would appear when you hover on the parent style. Example: .menu:hover .links { display: block } - presley_Reynolds commented on June 7th 19 at 15:08
Thanks - Gordon.McDermo commented on June 7th 19 at 15:11
June 7th 19 at 14:58
and if you wrap it in some do not be the unit we get this : https://jsfiddle.net/oqL6hw2n/34/
or this: https://codepen.io/topicstarter/pen/zRbNpq
and now the theory : each li is a separate link must be

Find more questions by tags CSSLayout