Html 如何将图像保存在div中？

我正在尝试在我的网站上放置一个图像。但是图像正在越过div边界并向外移动，从而使网站可以水平滚动

我已经在css中使用了float标记

这是我的css代码

.图-2{
宽度：40%；
显示：块；
浮动：对；
右边填充：50px；
}

我的设计风格表

。关于{
显示：块；
宽度：100%；
高度：750px；
背景图像：线性渐变（右上角，#130178，#4F35DF，#5FD0F5）；
}

---

如何将图像固定在div内，并阻止其向外移动和增加站点宽度？

使用

最大高度：100%；最大宽度：100%；对象匹配：包含用于分区内的图像。
添加宽度：100%；与图像一致。然后，父元素内的图像可以添加html代码吗？这是主分区或图像分区的html代码
最大高度
和
最大宽度
，用于分区内的图像。例如，从html
。然后你的CSS
#img1{最大高度：100%；最大宽度：100%；对象适合度：contain；}
。没问题！！：）当然我就这么做了。