Why does the menu repel content? how to solve the problem?

Question

css

https://jsfiddle.net/oqL6hw2n/1/
How to make the menu not repel content?

Answer 1

position: absolute;

Answer 2

and if you wrap it in some kind of block, then you get this: https://jsfiddle.net/oqL6hw2n/34/
or like this: https://codepen.io/topicstarter/pen/zRbNpq
and now the theory: each liis a separate link should be