直接声明(min- / max-)元素的宽度/高度或使用100%并从外部继承

时间:2012-05-10 08:19:44

标签: html css inheritance height

这个fiddle显示了我所拥有的标记的基本版本。我希望.module-container在230px(最小高度)和300px(最大高度)之间调整大小。基本上我想知道的是,是否在.row上设置最小/最大高度并给.module-container'sa height: 100%;或明确给每个.module-container a( min- / max-)高度以及100%的高度,包含.row只是包围它

min-height: 14.375em; /* 230px, 1em=16px */
height: 100%;
max-height: 18.75em; /* 300px, 1em=16px */

我期望div增长在230px到300px之间。但是当包含.row容器没有明确的高度并因此包裹每个.column时,这是否有效?

2 个答案:

答案 0 :(得分:0)

当其父元素具有height属性时,块元素可以有% height

htmlbodydiv.row以及所有其他父元素必须设置为height:100%或它自己的高度值。

答案 1 :(得分:0)

.module-container上设置它。无需设置height: 100%;,因为任何block级别元素都将展开以包装其内部元素。