显示的子元素:box父元素是否保持其定义的高度而不是全部变为相同的高度?

时间:2011-09-15 15:43:56

标签: css css3

我已经设置了一个JS小提琴我正在使用的东西。 http://jsfiddle.net/bjankord/2EKQv/ 似乎如果我使用display:box set向父级的其中一个子元素添加高度,则所有其他子元素都会延伸到该高度。我不知道这是不是display:box和box-ordinal-group属性应该如何工作,如果是这样的话,这是不幸的。在处理响应式网页设计时,我希望能够使用box-ordinal-group对CSS重新排序我的html标记,但这个高度问题让我感到害怕。

1 个答案:

答案 0 :(得分:1)

我绝不是一个Flexbox专家,但是从一些快速测试我认为你可能需要将你的布局改为三个垂直列并添加box-orient:垂直于每个父元素。为了让一个子元素高于其他子元素,请在你的withHeight类中将box-flex:属性设置为2,并将该类的最小高度设置为300px;

<强>小提琴: 所以我搞砸了你的代码。我添加了一个带有box-orient的父容器:水平以排列三列,并为每个列提供盒子方向:vertical。这似乎解决了高度不受尊重的问题。

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