Qurel
@Qurel

Почему псевдоэлемент вылезает за пределы родителя?

При уменьшении экрана псевдоэлемент становится не 65% от родителя, как ему задано, а больше него.
spoiler

5fb616e6b38f3188069917.png
5fb616f660204950879020.png
5fb61702e676c167680880.png

Git Hub Pages
  • Вопрос задан
  • 83 просмотра
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Потому что 210px + 65% при разной ширине окна дадут разный результат. Где-то псевдо не дотянет до конца родителя, а где-то вылезет.

Просто используйте флексы для h2 вместо абсолюта для псевдо.
https://jsfiddle.net/5c1punm4/
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
DanArst
@DanArst
Э, Ойboy!
Также 65% и остается у него, все верно высчитывается. Родительский элемент у него h2 же, можете при любом разрешении посмотреть длину before - она будет составлять 65% от длины h2. Тем более у псевдоэлемента position: absolute; стоит, так что он может легко выходить за границы
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы