关于height:100%

知识点概要
1、百分比高度值要想起作用,其父级必须有一个可以生效的高度值;
2、绝对定位的元素高度百分比生效,可以不为其定位父元素显示指定高度;
2.1绝对定位元素百分比相对于其定位生效父元素的padding-box高度计算;
2.2 如其定位父元素为body,则其高度为窗口padding-box高度 * 高度百分比
2.3 如果其定位父元素未显示定义高度,则其高度为父元素计算后的padding-box高度 * 高度百分比

3、绝对定位元素宽高百分比计算是相对于padding-box的宽高,普通元素宽高百分比是相对于content-box的高度来计算的。

一、为普通元素设置高度百分比

你可能感兴趣的:(关于height:100%)