Как убрать отступ фона?

Question

[Crushing]

Всем привет, такая проблема, фон по какой-то причине делает отступ.

Вот тут видна проблема. prntscr.com/fpt222

Если же применить border к контейнеру в котором находятся логотип и меню с иконками то все встает на свои места, но как только бордер убираешь, опять беспорядок.
Вот с бордером: prntscr.com/fpt3j0

Скриншот текущей верстки: prntscr.com/fpyaac

Comments

[Тарас Курбатов]

Попробуйте убрать margin-top у nav и добавить- .logo, .nav{vertical-align:middle}

[Артём Ведищев]

А код есть?

[Crushing]

Тарас Курбатов: prntscr.com/fpyx1p
Отступ только меньше стал

[Crushing]

Артём Ведищев: Да, скриншот дал выше.

Answer 1

[Ankhena]

Это называется схлопывание margin.
В данном случае margin-top, заданный для nav отодвигает и родительский блок.
И да, border действительно решает эту проблему, другие решения описаны в статье по ссылке.

Answer 2

[images88]

Скорее всего у тебя в где то margin-top: надо либо убрать margin т .е. margin:0px; либо добавить border родительскому элементу либо overflow:hidden либо padding добавить;