Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.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/7/css/40.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 将子div的高度展开为其父div的高度_Html_Css_Flexbox_Height - Fatal编程技术网

Html 将子div的高度展开为其父div的高度

Html 将子div的高度展开为其父div的高度,html,css,flexbox,height,Html,Css,Flexbox,Height,我的网页结构如下: 看起来是这样的: 我的link\uu包装器CSS如下所示: .link\u包装器{ 位置:相对位置; 显示器:flex; 证明内容:中心; 对齐项目:居中; 宽度:100%; 最小高度:100%; } 我的link\uu infoContainer未扩展到link\uu包装高度的100%。请看这里: 这是我的链接\uuu infoContainer代码: .link\uu infoContainer{ 显示器:flex; 证明内容:之间的空间; 对齐项目:居中; 颜色

我的网页结构如下:

看起来是这样的:

我的
link\uu包装器
CSS如下所示:

.link\u包装器{
位置:相对位置;
显示器:flex;
证明内容:中心;
对齐项目:居中;
宽度:100%;
最小高度:100%;
}
我的
link\uu infoContainer
未扩展到
link\uu包装高度的100%。请看这里:

这是我的
链接\uuu infoContainer
代码:

.link\uu infoContainer{
显示器:flex;
证明内容:之间的空间;
对齐项目:居中;
颜色:继承;
宽度:100%;
职位:继承;
最小高度:100%;
}
如何使我的
link\uu infoContainer
与我的
link\uu包装高度相匹配?

首先,确保

html{框大小:边框框;}


其次,检查代码以确定div.link_包装器没有继承边距。如果是这样,则将边距设置为0%

更新
。将包装器链接到该类:

.link\u包装器{
位置:相对位置;
显示器:flex;
证明内容:中心;
对齐项目:拉伸;/*“拉伸”而不是“居中”*/
宽度:100%;
最小高度:100%;
}

这会将
.link\u wrapper
的子项拉伸到它的高度。

屏幕截图中的代码对于SO来说是非常糟糕的做法。从
中删除
对齐项目:居中。link\u wrapper
。因为
链接\uuu信息容器
的高度在
%
中,就像一个符咒。谢谢我的伙计