Почему появляется отступ у хедера?

Question

[HiddenName]

jsbin.com/dihuducuku/edit?html,css,output

Даю блоку с навигацией margin: 30px auto; почему хедер тоже сдвигается вниз ?

Answer 1

[cha-cha]

Так уж устроен дивный мир CSS. Фиксится так:

.page-header{
    margin-top: -1px;
    padding-top: 1px;
    // или
    overflow: hidden;
}

Либо уберите margin и замените на padding .page-header-а.

Comments

[HiddenName]

overflow: hidden; - помогло, спасибо : )