Flex-направление в сафари 5

Question

Поэтому я пытаюсь использовать flexbox, но мне было указано, что он не работает на iPhone или в Safari для Windows. После расследования мне удалось обнаружить, что вещь, которая, кажется, не работает, является flex-direction.

    .flex-columns {
        display: -webkit-box; /* Safari */
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }

Я создал этот кодекс:

http://codepen.io/r3plica/pen/qdpYpR

Как видно из этого примера, правая "колонка" не заполняет высоту. Мне нужен способ заполнить высоту, но убедитесь, что он работает на сафари. Кто-нибудь знает, как я могу это сделать?

Answer 1

Как я уже упоминал в комментарии, вы должны использовать

-webkit-box-orient: vertical;