mootz
@mootz
Веб-макака

Почему блок привязан к соседнему div?

Здравствуйте, господа.
Полдня уже ломаю голову над это проблемой.
Суть в том, что при margin\padding центрального блока двигается и соседний.
Ссылка на проблему - devmootz.xyz/test
Скорее всего ответ очевиден, но я никак не могу додуматься.
Заранее спасибо!
  • Вопрос задан
  • 65 просмотров
Решения вопроса 1
У Вас элементы являются строчно-блочными.
Margin-top увеличивает высоту родительского элемента и тянет за собой второй элемент, так как свойство vertical-align у строчно-блочных элементов middle.

Есть хорошее правило, рекомендующее при определении элементов строчно-блочными, задавать им vertical-align: top.
Примените его к обоим блокам header-logo и header-search.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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