Почему меню отталкивает контент? как решить проблему?

Question

[masteban]

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

Как сделать чтобы меню не отталкивало контент?

Comments

[Сергей Герасимов]

Задать ul.nav position relative, li-шкам position absolute

[masteban]

Не работает, но есть вариация что, что-то с руками у меня.

Answer 1

[aloky]

position: absolute;

Comments

[masteban]

Тогда контент прыгает под меню,

[aloky]

masteban, А не легче взять уже готовые такие менюшки? Которые не передвигают. Просто в твоей верстке при hover увеличивается сам блок, а не появляется например под-меню блок.

[masteban]

aloky, Ну, прикол в том что разбираться в этом хочу, а не взял там, сунул сюда. Такие пироги, но спасибо за попытку помочь.

[aloky]

masteban, Я бы предложил тебе блок создать для под-меню, которое появлялась бы при hover на родительский стиль. Пример: .menu:hover .links { display: block }

[masteban]

aloky, Спасибо

Answer 2

[ink]

а если обернуть в какой не будь блок то получится вот это : https://jsfiddle.net/oqL6hw2n/34/
или так: https://codepen.io/topicstarter/pen/zRbNpq
а теперь теория : каждый li это отдельная ссылка должна быть