Height: 100%给出元素父容器高度的100%。

Height: auto表示元素的高度将依赖于其子元素的高度。

考虑以下例子:

高度:100%

<div style="height: 50px">
    <div id="innerDiv" style="height: 100%">
    </div>
</div>

#innerDiv的高度为50px

高度:汽车

<div style="height: 50px">
    <div id="innerDiv" style="height: auto">
          <div id="evenInner" style="height: 10px">
          </div>
    </div>
</div>

#innerDiv的高度为10px

Height:100%工作，如果父容器有一个指定的Height属性，否则，它将不起作用

Height: 100%给出元素父容器高度的100%。

Height: auto表示元素的高度将依赖于其子元素的高度。

考虑以下例子:

高度:100%

<div style="height: 50px">
    <div id="innerDiv" style="height: 100%">
    </div>
</div>

#innerDiv的高度为50px

高度:汽车

<div style="height: 50px">
    <div id="innerDiv" style="height: auto">
          <div id="evenInner" style="height: 10px">
          </div>
    </div>
</div>

#innerDiv的高度为10px

for的高度为100%，大概是浏览器内部窗口的高度，因为这是其父页面的高度。一个自动高度将包含必要的最小高度。

默认值是浏览器中的height: auto，但是height: X%定义包含块的高度百分比。