201

height:100%我在一次采访中被问到一个问题，“css和之间有什么区别height:auto？”

谁能解释一下？

4

4 回答 4

286

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

于 2013-04-11T07:32:22.247 回答
6

100%的高度大概是浏览器内部窗口的高度，因为那是其父页面的高度。auto高度将是包含 所需的最小高度。

于 2013-04-11T07:31:57.110 回答
6

height:100% 如果父容器具有指定的高度属性，则有效，否则无效

于 2019-09-27T21:35:49.900 回答
3

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

于 2016-01-29T09:51:22.373 回答