Html 如何允许图像宽度超过其所在div的宽度

我有一个

1140px

宽的div，其中的am image需要适合屏幕大小，是否可以使image width size大于它所在的div width

<div className="row" style="width: 1140px; margin-left: auto; margin-right: auto">
    <img className="aimg" src="~/images/background.gif" style="height: 325px" />
</div>

---

目前，div width限制了图像与屏幕宽度的匹配

如果容器和图像需要css类，下面的示例假设div width是固定宽度并设置为480px

.div_image {    
    max-height:480px;
    height: 480px;
}

.div_image img{
    height: 100%;
    width: 100%;
}

---

设置

位置：绝对；宽度：100vw；高度：100vh给你
img
样式，它应该可以工作：）

“
vw
”表示视图宽度，“
vh
”相应地表示视图高度


下面的代码笔基于：


代码笔本身：

你试过位置：绝对位置吗？

？img的宽度不受包含div的限制。你可以检查这个小提琴：我现在如何让图像从屏幕左侧开始，因为它现在从div的位置开始。你的答案很好，先生，我刚刚添加了一个左侧：0；为图像标记和所有工作，我很高兴能提供帮助：）您不需要“css类”来设置元素的样式。

.div_image {    
    max-height:480px;
    height: 480px;
}

.div_image img{
    height: 100%;
    width: 100%;
}