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信息容器
的高度在%
中,就像一个符咒。谢谢我的伙计