Html 使用百分比的宽度不适用于内部div

我有两个div。一个是容器div，另一个是3个内部div。 外部div正在使用flexbox 将3个内部div的宽度设置为20%没有任何作用

HTML

.links{
位置：绝对位置；
宽度：10%；
身高：2%；
底部：2%；
左：45%；
显示器：flex；
弯曲方向：行；
证明内容：之间的空间；
}
.连接线{
位置：相对位置；
背景颜色：绿色；
身高：100%；
保证金：0；
宽度：20%；
}

---

必须为父元素应用最小宽度和高度

a{
宽度：100px；
高度：100px；
}
.链接{
位置：绝对位置；
宽度：10%；
身高：2%；
底部：2%；
左：45%；
显示器：flex；
弯曲方向：行；
证明内容：之间的空间；
}
.连接线{
位置：相对位置；
背景颜色：绿色；
身高：100%；
保证金：0；
宽度：20%；
}

因为0的20%是0。。。20%需要应用于

a

not divYepp，如果在子对象上设置了%width，则需要在父对象上应用宽度和高度。如果您要设置

px

，

vw

，

vh

，

em

，

rem

单元，则该单元将在没有父级大小的情况下工作