Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/385.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.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
Javascript 具有固定高度和溢出自动的flexbox中的子div不会动态设置其高度_Javascript_Html_Css_Flexbox_Css Grid - Fatal编程技术网

Javascript 具有固定高度和溢出自动的flexbox中的子div不会动态设置其高度

Javascript 具有固定高度和溢出自动的flexbox中的子div不会动态设置其高度,javascript,html,css,flexbox,css-grid,Javascript,Html,Css,Flexbox,Css Grid,.container{ 显示器:flex; 高度:200px; 溢出:自动; 边框:1px实心#000 } .孩子{ 填充:10px; } .儿童:第n个儿童(单数){ 背景色:#C1C1 } .盒子{ 背景色:红色; 宽度:75px; 高度:75px; } 盒 盒 盒 盒 盒 盒 盒 盒 您需要删除容器的高度,然后您将获得所需的结果,因为对齐项目:拉伸弹性默认值 .container{ display:flex; overflow:auto; border:1px solid #000; }

.container{
显示器:flex;
高度:200px;
溢出:自动;
边框:1px实心#000
}
.孩子{
填充:10px;
}
.儿童:第n个儿童(单数){
背景色:#C1C1
}
.盒子{
背景色:红色;
宽度:75px;
高度:75px;
}

盒
盒
盒
盒
盒
盒
盒
盒

您需要删除容器的高度,然后您将获得所需的结果,因为
对齐项目:拉伸
弹性默认值

.container{
display:flex;
overflow:auto;
border:1px solid #000;
}

使用“拉伸”可以拉伸物品以适合容器。

您要问的是如何在固定高度下获得动态高度。你不能同时拥有这两个,你需要选择一个或另一个。考虑一个嵌套的容器,你在其中应用FrimBox添加一个嵌套的容器。谢谢:)但这是要求,我需要容器上的高度和滚动条。这是正确的答案。。。。如果有固定高度,则可以有动态高度。。。。。