Html Flexbox-等高图像列

我有这样一个简单的flexbox布局

html，正文{
保证金：0；
填充：0；
}
身体{
身高：100%；
宽度：100%；
}
.面板网格
{
-webkit对齐项：flex开始；
调整项目：灵活启动；
边缘底部：30px；
显示器：flex；
证明内容：之间的空间；
}
#第163节{
宽度：钙（61.8034%-（0.38196600790794*30px））；
自对准：自动；
}
#第260节
{
宽度：计算值（38.1966%-（0.618033920906*30px））；
自对准：自动；
}
.myimage{
对象匹配：覆盖；
宽度：100%；
身高：100%；
}

---

尝试从

.panel grid

中删除

对齐项目：flex start

。它覆盖了

拉伸

默认值

 .panel-grid {
   /* -webkit-align-items: flex-start; */
   /* align-items: flex-start; */
   margin-bottom: 30px;
   display: flex;
   justify-content: space-between;
 }

html，
身体{
保证金：0；
填充：0；
}
身体{
身高：100%；
宽度：100%；
}
.面板网格{
/*-webkit对齐项目：灵活启动*/
/*调整项目：灵活启动*/
边缘底部：30px；
显示器：flex；
证明内容：之间的空间；
}
#第163节{
宽度：钙（61.8034%-（0.38196600790794*30px））；
自对准：自动；
}
#第260节{
宽度：计算值（38.1966%-（0.618033920906*30px））；
自对准：自动；
}
.myimage{
对象匹配：覆盖；
宽度：100%；
身高：100%；
}

---

谢谢你，现在说得通了。