Html 为什么这个图像越来越小，我希望图像是全宽度的相对div（卡），并在右侧溢出

我希望这些图像应该覆盖div（卡片）并向右侧溢出，但我不明白为什么这些图像会被调整，即使我已经给出了图像的宽度和高度

在这件事上请帮助我

*{
保证金：0；
填充：0；
框大小：边框框；
}
.卡片{
位置：相对位置；
宽度：90%；
高度：700px；
背景色：红色；
显示器：flex；
}
.卡img{
宽度：90%；
高度：700px；
}

文件
v>

如果希望图像覆盖父div容器的整个宽度，只需将以下内容添加到.card img{}类中：

.card img {
position: absolute;
width: 90%;
height: 700px;

}

这样，它们就不会根据页面流来定位和调整大小，而是根据父div来定位和调整大小。

尝试使用此CSS

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.card {
    position: relative;
    width: 90%;
    height: 700px;
    background-color: red;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
}

.card img {
    min-width: 90%;
    height: 700px; 
}

---

可能是因为display:flex flex容器的默认值是flex direction:row；如果要更改，请使用“弯曲方向：列”。我会建议阅读使用位置绝对不是正确的解决方案，我还想重置图像溢出到右侧是的，非常感谢我只想要这个