css身高差距:100%vs身高:自动

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

任何人都可以解释吗?

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

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

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