这个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
时,这是否有效?
答案 0 :(得分:0)
当其父元素具有height属性时,块元素可以有% height
。
html
,body
,div.row
以及所有其他父元素必须设置为height:100%
或它自己的高度值。
答案 1 :(得分:0)
在.module-container
上设置它。无需设置height: 100%;
,因为任何block
级别元素都将展开以包装其内部元素。