@Frel
На распутье

Почему у хедера есть верхние отступы?

Почему у хедера есть верхние отступы? код
  • Вопрос задан
  • 191 просмотр
Решения вопроса 3
Fahrenhe17
@Fahrenhe17
Ruby on Rails developer
42131f8f719f4d708b3b100315257821.png

если убрать из этого списка "p" - Ваша проблема решится.
Ответ написан
Elwen
@Elwen
Этот эффект называется схлопывание margin. И в вашем случае родительский элемент .header получил вертикальные отступы из-за схлопывания с margin дочернего элемента <p>.
Решить вопрос можно несколькими путями, например, указав padding или border для .header:
.header{height:91px;padding-top:1px;} или .header{height:91px;border-top:1px solid #cdd5e9;}
Или можете указать .header{overflow:hidden;}.
Или удалить отступы для .header p и задать внутренний отступ для .header.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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