CSS 高度百分比

关于CSS高度的百分比是这样规定的:

百分基数为元素包含块的高度,不可为负值.如果包含块的高度没有显式给出(即取决于内容的高度),该值等同于"auto".

元素在不设置高度的时候默认就是"auto".

所以百分比的高度必须在父元素有声明高度时使用.

但是有一种情况,如果此元素是绝对定位的(absolute或fixed) 那么百分比高度会起作用,其参照物为它的 offsetParent 的高度(不论是否设置)