将事物定位在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的position属性设置为relative。例如：

#super_div
{
  position: relative;
}

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

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

无论如何，您都可以使图像保持当前位置。 Here's a link to an article explaining the basics.希望这有帮助。

Answer 2

这将使其水平居中：

margin:auto;

如果你需要它垂直居中，那么事情会变得有点棘手。您可以使用表格，使用背景图像（如果这适合您的情况）或者使用css。我使用http://css-tricks.com/snippets/css/absolute-center-vertical-horizontal-an-image/上的代码作为解决我前一段时间类似情况的基础..