Как бороться со скаканием блоков в css?

Question

[Pbalordorbaor]

https://codepen.io/anon/pen/eqygry - код тк там лучше будет видно
Вот у меня гиперссылки внутри navbar и если их отображать как блоки, то основной div почему то тоже расширяется вниз, словно блок появляется не на месте текста(first page), а под первой гиперссылкой. Как с этим бороться?

Comments

[Одиночка Айс]

и если их отображать как блоки

а зачем? почитайте про блочную и строчную модели отображения

Answer 1

[Daniel Tkachenko]

У Вас ссылки имеют псевдоэлементы :before/:after и у них свойство "display: block"
Не понятно зачем они Вам.
Самый лёгкий способ починить всё - убрать псевдоэлементы.

Comments

[Pbalordorbaor]

такой способ мне не подходит, я думаю на примере котором я выложил вполне понятно зачем мне псевдоэлементы, стоит всего лишь посмотреть на первую гиперссылку

[Daniel Tkachenko]

Это вы так думаете.
Сами то разобрать не можете следующий пример, а он куда легче и яснее вашего.

[Pbalordorbaor]

Daniel Tkachenko, ну извините, новичок и многое ещё в чужом коде пока что неясно

[Daniel Tkachenko]

Pbalordorbaor, Я говорил, если интересно - напишите в телегу - Я покажу что к чему.

Answer 2

[Brad9aga]

https://jsfiddle.net/kcq6u57d/
с помощью бороды я познал дзен

Comments

[Pbalordorbaor]

если бы ещё комментарии были, то вообще хорошо было бы, а так тяжело разобраться что делает что

[Александр Маргинал]

Brad9aga Всю свою карьеру я почему-то думал что transition не работает с width и height, всегда решал это через трансформ... Век живи век учись :D