绝对图像位置（不允许图像超出 div）答案

【问题标题】：Absolute image position (dont allow to image go outide the div)绝对图像位置（不允许图像超出 div）
【发布时间】：2022-01-12 11:41:29
【问题描述】：

我试图到处搜索，但无法找到当图像具有绝对定位时如何防止图像留在其父 div 中（当缩放图像时它会超出 div）。隐藏溢出此时无济于事。感谢您的建议。

【问题讨论】：

【解决方案1】：

当你对一个元素进行绝对定位时，它会将自己定位在最近定位的父元素中。因此，将 position: relative 添加到元素父级的 CSS 中。

为确保父元素包含定位元素，您还需要将overflow:auto 添加到父元素的 CSS 中。

【讨论】：

谢谢，现在 div 隐藏了图像溢出。但也许有一种方法，当图像超出 div 边界时不隐藏，而是推回 div（我需要 div 边界像墙一样，不允许图像溢出）。希望你明白:)
恐怕它不会按照您的意图工作。如果您不希望它向右溢出，您可能希望使用 right 定位（反之亦然，用于左侧定位的元素）。

【解决方案2】：

将position: relative, 添加到父 div..

.parent_div {position: relative;}
.parent_div img {position: absolute; top: number; right: number;}

【讨论】：

【解决方案3】：

将此样式添加到图像中：

 style="width:inherit; height:inherit;"

【讨论】：

【解决方案4】：

这对我有用。

max-width: 100%

【讨论】：