html - 直接声明元素的（最小/最大）宽度/高度或使用 100% 并从外部继承

Question

这个小提琴显示了我拥有的标记的一个非常基本的版本。我希望.module-container's 在 230px（最小高度）和 300px（最大高度）之间调整大小。基本上我想知道的是是否设置最小/最大高度.row并给出.module-container'saheight: 100%;或明确地给每个.module-container一个（最小/最大）高度以及 100% 的高度，并且包含.row只是换行像这样围绕它

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

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

Answer 1

将其设置在.module-container. 无需设置height: 100%;，因为任何block关卡元素都会展开以包裹其内部元素。

Answer 2

% height当其父元素具有高度属性时，块元素可以具有。

html, body,div.row和所有其他父元素都必须设置为height:100%或者它自己的高度值。