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添加一个嵌套的容器。谢谢:)但这是要求,我需要容器上的高度和滚动条。这是正确的答案。。。。如果有固定高度,则可以有动态高度。。。。。