身高：100％VS身高：汽车

Question

我想了解以下

1. 身高：汽车;这是做什么的？
2. 身高：100％;这是做什么的？
3. 是什么betweem 1和2的区别？任何解释差异的例子？

在此先感谢！

Answer 1

height: auto;装置的高度，元素的height将根据其保存的内容而增加，如果您指定修复ED height，内容溢出，所以当你不知道你的元素将包含多少，你把它设置为auto，所以height将auto增加。

当您设置height: 100%;因此将需要容器元素的整个垂直空间，所以说，例如，当容器元素的高度为200px，并使用height: 100%;的子元素，这将是容器的height: 100%;元素= 200px。

默认情况下，元素的height总是除非和直到您指定的height使用px%或者其他单位设置为auto。

Demo（height: auto;）不断添加的内容和你的元素将垂直扩展。

Demo 2（height: 100%;），这将表现就像你设置一些固定的height到你的元素，如果含量的增加，它会overflow。此方法仅适用于希望您的子元素占用父容器的100％垂直空间的情况。

Answer 2

1. height:100%：意味着元件将不得不其父容器的100％的高度。

2. height:auto：装置，所述元件将具有柔性的高度即，其高度将取决于它的子元素

3. Click here for difference with code

Answer 3

参考：http://www.w3.org/TR/CSS2/visudet.html#the-height-property

内容高度： 'height' 属性

<percentage> 

指定的百分比高度。百分比是根据生成的箱子的包含块的高度计算得出的 。如果包含块的高度没有明确规定（即，，它取决于内容的高度），并且这个元素不是绝对的 定位的，值计算为'auto'。 根元素上的百分比高度相对于初始包含块。注意：对于 绝对定位的元素，其含有的块基于 块级元素，则相对于该元素的填充框的高度 计算百分比。这是从CSS1, 的变化，其中百分比总是相对于父元素的内容 框计算。

auto 

高度取决于其它属性的值。请参阅下面的散文 。 请注意，绝对定位元素的包含块的高度与元素本身的大小无关，因此此类元素上的百分比高度始终可以解析为 。但是，可能直到 处理文档中稍后的元素才知道高度。

“高度”的负值是非法的。将根据“溢出 溢出

p { height: 100px } 

段，其中的内容物的高度超过100个像素：

例如，下面的规则集段落的内容高度为100个像素'财产。