Html 让图像留在flex容器中的链接元素中？

我正试图帮助一个年轻人。具体来说，他希望页面开始处大图像下方的两个图像与页面边缘对齐，以便右侧图像的边缘与其上方图像的边缘对齐

我创建了下面的迷你演示。在它里面，我在锚周围有一个flex容器，

flex basis

设置为

490px

。但是，图像不会停留在锚元素中，也不会停留在宽度为1000px的主列容器中。我们希望图像为

490px

宽，左图像应与左边缘对齐，右图像应与右边缘对齐

文件
.踢者{
显示器：flex；
柔性包装：nowrap；
证明内容：之间的空间；
}
.kickers>a{
弹性基准：490px；
}

如果您离目标很近，只需在图像上添加100%的最大宽度，即可防止图像溢出容器

文件
.踢者{
显示器：flex；
柔性包装：nowrap；
证明内容：之间的空间；
}
.kickers>a{
弹性基准：490px；
}
.踢球者img{
最大宽度：100%；
}