CSS高度之间的差异：100％vs高度：自动

CSS高度之间的差异：100％vs高度：自动

height:100%

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

height:auto

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

考虑以下示例：

高度：100％

<div >    <div id="innerDiv" >    </div></div>

#innerDiv

将会有

height:50px

高度：自动

<div >    <div id="innerDiv" >          <div id="evenInner" >          </div>    </div></div>

现在

#innerDiv

将有

height:10px