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

Question

我会尝试让我的问题变得非常简单2

基本上,我有一个DIV,我有一张照片

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

很抱歉浪费你的时间,但我还是一个需要帮助的新手,非常感谢你!

码

HTML

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

CSS

that's the question :)

Answer 1

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

#super_div
{
  position: relative;
}

然后,将图像的position属性设置为absolute,并使用top和left或right属性将其放在父div中.所以,例如:

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

这就是你如何使图像保持其当前位置无论如何.这是一篇解释基础知识的文章的链接.希望这可以帮助.