Css 基本身高百分比

Css 基本身高百分比,css,Css,我不明白身高百分比是怎么起作用的 为什么下面的代码段没有填充颜色 正文{ 身高:100%; } #第一组{ 身高:20%; 背景色:红色; } #第二组{ 身高:80%; 背景颜色:蓝色; } 您还需要将高度:100%设置为: html,正文{ 身高:100%; } #第一组{ 身高:20%; 背景色:红色; } #第二组{ 身高:80%; 背景颜色:蓝色; } 您还必须设置html的高度 html, 身体{ 身高:100%; 保证金:0; } #第一组{ 身高:20%; 背景色:红色;

我不明白身高百分比是怎么起作用的

为什么下面的代码段没有填充颜色

正文{
身高:100%;
}
#第一组{
身高:20%;
背景色:红色;
}
#第二组{
身高:80%;
背景颜色:蓝色;
}

您还需要将
高度:100%
设置为

html,正文{
身高:100%;
}
#第一组{
身高:20%;
背景色:红色;
}
#第二组{
身高:80%;
背景颜色:蓝色;
}

您还必须设置
html
高度

html,
身体{
身高:100%;
保证金:0;
}
#第一组{
身高:20%;
背景色:红色;
}
#第二组{
身高:80%;
背景颜色:蓝色;
}

使用以下代码:

html,body {
 height:100%;
}