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，反过来可能会更高。{1}} div出于某种原因，当使用柔性盒模块时，它会扩展#one div的高度以匹配#two的高度。这不是我想要的。我需要#one div的高度为自动。

有关为何发生这种情况的建议，和/或如何解决这个问题？

以下是一个示例：http://jsfiddle.net/brandondurham/3F7Vu/

截图：

Answer 1

我认为您要为box-align: start设置#container。

BTW，在添加没有供应商前缀的标准属性后，您的代码也可以在IE10和Opera中使用。

Answer 2

ACK。我可以研究一个小时，然后发布问题。之后我立即想出来了。

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