有两种方式:
- 元素设定显示的高度值
普通流元素的百分比高度起作用的话,其父级元素必须有一个生效的高度值!
非绝对定位元素的百分比
是相对于content box
计算的。 - 元素使用绝对定位
绝对定位的百分比
是相对于父元素(这里的父元素是定位元素,如果没有,那么就是相对于窗口
)的padding box
计算的。
例如:
.child{
height: 100%;
position: absolute;
}
有两种方式:
非绝对定位元素的百分比
是相对于content box
计算的。绝对定位的百分比
是相对于父元素(这里的父元素是定位元素,如果没有,那么就是相对于窗口
)的padding box
计算的。.child{
height: 100%;
position: absolute;
}