Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 高度为100%的柔性箱';t在chrome 72和x2B上工作;_Html_Css_Google Chrome_Flexbox - Fatal编程技术网

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