图片不在父元素内停留

可以通过设置父元素的position属性为relative以及子元素的position属性为absolute来解决此问题。 例如，HTML代码如下：

<div class="parent"> <img src="image.jpg" alt="image"> </div>

CSS代码如下：

.parent { position: relative; width: 300px; height: 200px; border: 1px solid black; }

.parent img { position: absolute; top: 0; left: 0; max-width: 100%; max-height: 100%; }

其中，父元素设置了宽度和高度，并将position属性设置为relative，而子元素设置了position属性为absolute，同时使用了max-width和max-height属性，使图片保持比例并适应父元素大小。这样，图片将始终保持在父元素内。