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

Question

[Дмитрий Руденко]

Добрый день. Скажите, пожалуйста, почему псевдоэлемент меньше чем родитель?
Сверху спан, а ниже псевдоэлемент

Стили спана :
.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;
}

Answer 1

[iBird Rose]

потому что в ширину width: 100%; у псевдоэлемента не входит бордер родителя

Comments

[Дмитрий Руденко]

Спасибо, нашел ошибку как раз в тот момент, когда вы ответили)

Answer 2

[Сергей delphinpro]

Псевдоэлемент находится внутри родителя. И занимает 100% его внутренней ширины.