Почему при position:fixed схлопывается высота блока?

Question

[tj57]

Есть шапка сайта

Нужно, чтобы при прокрутке нижняя часть была статичной, т.е. задать ей position:fixed. При этом почему-то схлопывается высота, элементы начинают выглядеть так:

Код обёртки:

.wrap {
  display: flex;
  margin: 50px 25px;
}

Как это исправить? Пытался добавлять min-height и height: 100%, не работает.

Comments

[Dymok]

можно использовать паддинги вместо маржинов

[tj57]

Dymok, попробовал, не помогло. У родительского элемента всё равно схлопывается высота

[Dymok]

tj57, в таком случае нужно блоку, следующему за блоком с position: fixed нужно задать margin-top размером в высоту блока с position: fixed

Answer 1

[bqio]

При position:fixed используется абсолютное позиционирование.

elem {
 position:fixed
 width: 100%;
 height: 40px;
 top: 0;
 left: 0;
}

Остальные блоки двигай отступами.

Comments

[tj57]

не работает