Html CSS将图像从容器中取出

我试图打破一个div的图像，我有这个布局

#主要内容{
背景颜色：黄色；
}
.mainwidth{
位置：相对位置；
最大宽度：600px；
宽度：100%；
保证金：自动；
背景：绿色；
}
.main\u内容{
最大宽度：400px；
宽度：100%；
保证金：自动；
背景：#fff；
}
.限制宽度{
最大宽度：700px；
保证金：自动；
}
img{
最大宽度：100%；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。整数交流电源。同侧前庭和颞侧前庭。车辆用苏打粉。猫科动物的时间，坐在一只猫身上。Nunc eu finibus
内克，我是帕特·利古拉。佩伦特斯凯汽车公司、非埃吉斯塔斯葡萄园精英、三叉戟按摩公司、大港口维塔酒店。莫里斯·尼布·萨皮恩，拍卖人亨德雷特·英特杜姆·农，温文尔雅。佩伦茨克居民莫比·特里斯蒂克
塞内特斯、内特斯和马莱苏阿达是著名的埃吉斯塔斯土尔皮斯人。Mauris eget ipsum ac velit accumsan mattis酵母菌pulvinar nisi。一辆laoreet mauris的汽车。这是一个非常重要的问题。Phasellus
埃吉特·马克西姆斯·尼尔。

Lorem ipsum dolor sit amet，是一位杰出的献身者。整数交流电源。同侧前庭和颞侧前庭。车辆用苏打粉。伊蒂亚姆临时酒店
猫咪们，坐在阿梅特·波特提托·尼西·马蒂斯a。我是帕特·利古拉。佩伦特斯凯汽车公司、非埃吉斯塔斯葡萄园精英、三叉戟按摩公司、大港口维塔酒店。莫里斯·尼布·萨皮恩，拍卖人亨德雷特
中间不，温和的舌苔。佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。Mauris eget ipsum ac velit accumsan mattis酵母菌pulvinar nisi。纳拉姆·布朗迪特·欧盟临时自由党，拉奥里特·莫里斯
车辆。这是一个非常重要的问题。大黄蜂。

将图像包裹在div内，然后使其处于绝对位置，并使其水平居中。另外，请不要像那样在一行中编写代码。我们很难阅读。

---

将图像包裹在div内，然后使其处于绝对位置，并使其水平居中。另外，请不要像那样在一行中编写代码。我们很难阅读。

---

将{margin left:-100px；min width:600px；width:100%；}添加到图像中，如果要使其响应，则需要添加一个新断点添加{margin left:-100px；min width:600px；width:100%；}如果你想让图像有响应，你需要添加一个新的断点。我想这会阻止图像像原始示例中那样有响应。我在原始示例中没有看到任何响应？你是说图像的高度，因为它现在是绝对的吗？然后，需要添加脚本，检查图像高度并将其应用于div.wrapper的高度。如果你说的是相同的响应，那么我们需要将这个脚本包装在$（window.resize（function（）{…}）中；（我正在使用jquery）我认为这会阻止图像响应，就像在原始示例中一样。我在原始示例中没有看到任何响应？你是说图像的高度，因为它现在是绝对的吗？然后，需要添加脚本，检查图像高度并将其应用于div.wrapper的高度。如果你说的是相同的响应，那么我们需要将这个脚本包装在$（window.resize（function（）{…}）中；（我正在使用jquery）

.wrapper {
  position: relative;
  width: 100%;
  height: 300px;
}
img{
  width: 600px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX( -50% );
}