Specifies a percentage height. The percentage is calculated with respect to the height of the generated box's containing block. If the height of the containing block is not specified explicitly (i.e., it depends on content height), and this element is not absolutely positioned, the value computes to 'auto'.
如果包含该元素的容器没有指定一个确定的高度(min/max-height指定的高度是不确定的),且该元素不是绝对定位,那么 height 会被计算为 auto (由浏览器计算选择一个高度)
当元素 height 设置百分百单位时,根据 CSS2.1 的定义:
如果包含该元素的容器没有指定一个确定的高度(min/max-height指定的高度是不确定的),且该元素不是绝对定位,那么 height 会被计算为 auto (由浏览器计算选择一个高度)
参考