Html 高度为100%的柔性箱';t在chrome 72和x2B上工作;
检查下面的代码段Html 高度为100%的柔性箱';t在chrome 72和x2B上工作;,html,css,google-chrome,flexbox,Html,Css,Google Chrome,Flexbox,检查下面的代码段 html,正文{ 身高:100%; 保证金:0; } .flex{ 身高:100%; 显示器:flex; 弯曲方向:立柱; } .身体{ 身高:100%; } 导航{ 溢出:隐藏; 弹性收缩:0; 显示器:flex; 弯曲方向:行; } .持有人{ 显示器:flex; 弯曲方向:立柱; 高度:初始!重要; 弹性:1; } .包装纸{ 弹性:1; 显示器:flex; 最小高度:0; 溢出y:自动; }
html,正文{
身高:100%;
保证金:0;
}
.flex{
身高:100%;
显示器:flex;
弯曲方向:立柱;
}
.身体{
身高:100%;
}
导航{
溢出:隐藏;
弹性收缩:0;
显示器:flex;
弯曲方向:行;
}
.持有人{
显示器:flex;
弯曲方向:立柱;
高度:初始!重要;
弹性:1;
}
.包装纸{
弹性:1;
显示器:flex;
最小高度:0;
溢出y:自动;
}
v
<
<
v
v
<
<
<
<
<
<
<
<<
<
<
<
<
<<
<<<<<<<<<<<<<<<<
<<<
<
<
<
<
<
<
<
<
<
<
<
<
<<<<
v
<
<
<
<
<
<
<
<
<
<
<
<
<
<<<<
<<<
<<<<<
v
<
<
在chrome 72+上,您需要在支架上设置最小高度。72之前的版本不需要这样做
html,正文{
身高:100%;
保证金:0;
}
.flex{
身高:100%;
显示器:flex;
弯曲方向:立柱;
}
.身体{
身高:100%;
}
导航{
溢出:隐藏;
弹性收缩:0;
显示器:flex;
弯曲方向:行;
}
.持有人{
显示器:flex;
弯曲方向:立柱;
高度:初始!重要;
弹性:1;
最小高度:0;
}
.包装纸{
弹性:1;
显示器:flex;
最小高度:0;
溢出y:自动;
}
v
<
<
v
v
<
<
<
<
<
<
<
<<
<
<
<
<
<<
<<<<<<<<<<<<<<<<
<<<
<
<
<
<
<
<
<
<
<
<
<
<
<<<<
v
<
<
<
<
<
<
<
<
<
<
<
<
<
<<<<
<<<
<<<<<
v