html - 绝对图像位置（不允许图像超出 div）

Question

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

score 3 · Accepted Answer

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

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

score 1 · Accepted Answer

1

将此样式添加到图像中：

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

于 2012-11-10T18:08:56.167 回答

score 1 · Accepted Answer

添加position: relative, 到父 div ..

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

score 0 · Accepted Answer

0

这对我有用。

max-width: 100%

于 2022-01-12T03:41:29.000 回答

4 回答 4