height:100% 表示元素将具有其父容器的100％高度。

height:auto 意味着，元素将具有灵活的高度，即其高度将取决于其子元素的高度

考虑以下示例：

高度：100％

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

#innerDiv 将会有 height:50px

高度：自动

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

现在#innerDiv将有height:10px