@M1sty1
Занимаюсь версткой

Почему псевдоэлемент меньше чем родитель?

Добрый день. Скажите, пожалуйста, почему псевдоэлемент меньше чем родитель?
Сверху спан, а ниже псевдоэлемент
60d44aa89c876735031688.png
Стили спана :
.header__burger-btn span {
width: 100%;
height: 1px;
border: 2px solid #202020;
position: absolute;
}
Стиль псевдоэлемента :
.header__burger-btn span::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 10px;
border: 2px solid #202020;
}
  • Вопрос задан
  • 52 просмотра
Решения вопроса 1
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
потому что в ширину width: 100%; у псевдоэлемента не входит бордер родителя
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Псевдоэлемент находится внутри родителя. И занимает 100% его внутренней ширины.

Ответ написан
Ваш ответ на вопрос

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

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