height: 100%使元素的高度达到其父容器的height: 100%%.
height: auto表示元素高度将取决于其子元素的高度.
请考虑以下示例:
height: 100%
<div style="height: 50px">
<div id="innerDiv" style="height: 100%">
</div>
</div>
#innerDiv会有height: 50px
height: auto
<div style="height: 50px">
<div id="innerDiv" style="height: auto">
<div id="evenInner" style="height: 10px">
</div>
</div>
</div>
#innerDiv会有height: 10px