css - 绝对定位到非父容器

Question

我有以下 div:

<div id="container"></div>
<img id="myimg" src="myimage.jpg" />

我需要将图像放置在容器顶部和左侧的绝对位置，但是我的图像不能放置在容器内:

img
{
  position: relative;
  top: 10px;
  left: 15px;
}

我如何修改图像 CSS 以实现此目的？

Answer 1

如果您希望 img 位置位于 div 内部，则需要将图片设为绝对图片，将父 div 设为相对图片，这样顶部、左侧等将从父 div 的开头而不是 body 开始。

我希望这能回答你的问题，我不确定我是否理解正确。