CSS гибкая модель бокса и высота элементов

Question

Я использую модуль гибкой коробки, чтобы расположить два элемента div горизонтально, а второй div является гибким.Для этого я использую код, подобный следующему:

#container {
    display: -moz-box; -moz-box-orient: horizontal; display: -webkit-box; -webkit-box-orient: horizontal; }

#one, #two {
    background: rgb(230,235,240);
    padding: 20px;
}
#two {
    -moz-box-flex: 1; -webkit-box-flex: 1;
    margin-left: 10px;
}

У #two div будет больше контента, чем #one, и, в свою очередь, он, вероятно, всегда будет выше.По некоторым причинам при использовании модуля гибкой коробки он увеличивает высоту элемента #one в соответствии с высотой #two.Это не совсем то, что я хочу.Мне нужно, чтобы высота #one div была автоматической.

Предложения о том, почему это происходит и / или как это исправить?

Вот пример: http://jsfiddle.net/brandondurham/3F7Vu/

И скриншот:

Answer 1

Я думаю, вы хотите установить box-align: start для #container.

Кстати, после добавления стандартных свойств без префикса поставщика ваш код также будет работать в IE10 и Opera.

Answer 2

ACK.Я могу исследовать в течение часа, а затем опубликовать вопрос.НЕМЕДЛЕННО после этого я выясняю.

-moz-box-align: start; -webkit-box-align: start; box-align: start;