Растягивающиеся колонны Flexbox (или нет)

Question

Используя «старую» реализацию flexbox, я бы использовал -webkit-box-align: start; чтобы соседние столбцы не были одинаковой длины.

Я не могу понять, как это сделать в новой спецификации - https://developer.mozilla.org/en/Using_flexbox.

Мой главный div <div role="main"> и у него есть два <section class="app"> бок о бок внутри div.

Answer 1

Новое эквивалентное свойство box-align является align-items, хотя вам придется использовать -webkit-align-items на данный момент.Установите его на flex-start в контейнере flexbox этих двух блоков, чтобы избавиться от растяжения одинаковой высоты и выровнять два блока вверху.Узнайте больше на http://www.w3.org/TR/css3-flexbox/#align-items-property.