css - 将事物定位在 DIV 中(与 css 相关)

Question

我会尽量让我的问题变得非常简单 2 你

基本上，我有一个DIV，里面有一张图片

我应该将哪些 CSS 样式应用于图片以将其正确定位在 div 中 条件是每次我调整浏览器窗口大小时它停留在那里(在div内)与边界的距离相同

抱歉浪费您的时间，但我还是个新手，需要帮助，非常感谢!

EXAMPLE HERE

代码

html

<div id="super_div">
<img id="eyes" src="images/eyes.png" />
</div>

CSS

that's the question :)

Answer 1

你需要看看绝对定位。首先，将包含的 div 的位置属性设置为 relative。例如:

#super_div
{
  position: relative;
}

然后，将图像的位置属性设置为绝对位置，并使用顶部和左侧或右侧属性将其放置在父 div 中。所以，例如:

#eyes
{
  position: absolute;
  top: 20px;
  left: 20px;
}

不管怎样，这就是让图像保持其当前位置的方法。 Here's a link to an article explaining the basics.希望这会有所帮助。