Могут ли дочерние элементы отображения: родительский блок сохранять заданную высоту, вместо того чтобы все они становились одинаковыми?

Question

Я настроил JS-скрипку того, с чем я работаю.http://jsfiddle.net/bjankord/2EKQv/ Кажется, если я добавлю высоту к одному из дочерних элементов родителя с помощью display: box set, все остальные дочерние элементы растянутся до этой высоты.Я не знаю, должны ли так работать свойства display: box и box-ordinal-group, если это так, то это неудачно.Я надеялся, что смогу изменить порядок разметки HTML с помощью CSS при помощи box-ordinal-group при работе над адаптивным веб-дизайном, но эта проблема высоты меня убивает.

Answer 1

Я ни в коем случае не эксперт по флексбоксу, но после некоторого быстрого тестирования я думаю, что вам может понадобиться изменить макет на три вертикальных столбца и добавить box-orient: вертикальный для каждого из родительских элементов.Чтобы один дочерний элемент был выше остальных, установите свойство box-flex: 2 на свой класс withHeight и установите минимальную высоту этого класса равной 300px;

Fiddle: Поэтому я немного испортил ваш код.Я добавил родительский контейнер с box-orient: горизонтальный, чтобы выстроить в линию три столбца и дал каждому столбцу box-orient: вертикальный.Это, похоже, решило проблему с несоблюдением высоты.

http://jsfiddle.net/mdJ2L/1/