Растягивающиеся колонны Flexbox (или нет)
Вопрос
Используя «старую» реализацию flexbox, я бы использовал -webkit-box-align: start;
чтобы соседние столбцы не были одинаковой длины.
Я не могу понять, как это сделать в новой спецификации - https://developer.mozilla.org/en/Using_flexbox.
Мой главный div <div role="main">
и у него есть два <section class="app">
бок о бок внутри div.
Решение
Новое эквивалентное свойство box-align
является align-items
, хотя вам придется использовать -webkit-align-items
на данный момент.Установите его на flex-start
в контейнере flexbox этих двух блоков, чтобы избавиться от растяжения одинаковой высоты и выровнять два блока вверху.Узнайте больше на http://www.w3.org/TR/css3-flexbox/#align-items-property.
Не связан с StackOverflow