Как корректно сверстать на flex-box в safari?

Question

[Анастасия Дементьева]

Есть колонка растянутая на всю высоту экрана, внутри нее 2 контейнера , первому поставлен margin-bottom:auto; второй контейнер отталкиваясь от первого уходит вниз слишком за экран

Answer 1

[timfcsm]

во первых, пример сюда jsfiddle.net
во-вторых, justify-content: flex-start | flex-end | center | space-between | space-around нафига там марджинами что-то двигать

Comments

[Анастасия Дементьева]

justify-content: flex-start .... ставится на контейнер родительский и сдвигает в 1 сторону, мне надо в разные углы

[timfcsm]

Анастасия Дементьева: justify-content: space-between в вашем случае надо

[Анастасия Дементьева]

timfcsm: да, ,но все равно работает как и с маржином, пример не могу т.к. исправляю не свою верстку тут все запутано, спасибо :)

[Ankhena]

Анастасия Дементьева: по описанию, проблема с высотой родительского контейнера

[Анастасия Дементьева]

Ankhena W: высота контейнера 100%, при нажатии на кнопку вылезает шапка и в сафари высота остается прежней и нижние элементы уезжают за экран

[Ankhena]

Анастасия Дементьева: тык проблема не с флексами, а с пересчетом высоты

[Анастасия Дементьева]

Ankhena W: когда задавала вопрос еще не знала про эту кнопку,но все равно я еще не понимаю как исправить,в других браузерах все норм

[Ankhena]

Анастасия Дементьева: без кода вряд ли Вам кто-то поможет

[Ankhena]

Анастасия Дементьева: могу еще предложить: оборачивать в тот контейнер еще и шапку