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

Question

[Damon]

Ситуация следующая. В стилях у хедера выстовлена высота 70 px, это работает в браузерах Яндекс и Опера, но почему-то ломается в сафари. Помогите понять почему так происходит.

Код:


Вид в сафари:

Comments

[Владислав Черненко]

потому что это сафари, недобраузер, с разрабами решившими придумать новый велосипед... пробуйте min-height
и вот это лишнее: flex-grow: 0; - ноль всегда по умолчанию.

п.с.: а еще у вас body flex-ом и высота 100%... уберите flex, height:auto поставьте... нет сафари под рукой, короч пробуйте)

Answer 1

[Виталий Першин]

к header добавьте flex-shrink: 0;