css身高差距：100％vs身高：自动

我在采访中被问到“css height:100%和height:auto什么区别？”

任何人都可以解释吗？

Answer 1

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

Answer 2

100％的高度大概是浏览器的内部窗口的高度 ，因为那是它的父页面的高度 。 auto高度将是必须包含的最小高度 。

Answer 3

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