在div之外放置一个“图像”，示例在我的帖子中

Question

好的，让我们看看我能解释一下我的意思，这里有一张图片可供帮助：

因此，正如您在图像中看到的那样，我需要将绿色箭头从其当前位置放置到保持它的主div之外。我需要这样，如果页面重新调整大小，箭头将保持在其位置。 如果您需要更多信息，请告诉我。对不起，如果这太模糊，我不知道如何解释它。 谢谢！

Answer 1

给出容器元素position: relative;，然后给出箭头position: absolute; top: 0; right: -x;（其中x是箭头的宽度）。

以下是一个示例：http://jsfiddle.net/joshnh/xpFPd/

Answer 2

您需要应用绝对定位。如果它始终与左侧或右侧保持恒定距离，那么这很容易。

img.class {
    position: absolute;
    right: 16px;
}

例如。

Answer 3

您需要使用相对绝对定位。

Outer_div{
position: relative;
.
.
.
}

img.inner{
position: absolute;
.
.
.
}

Answer 4

您可以使用相对定位：

parent {
  position: relative;
}

parent img {
  position: absolute;
  left: 0px;
}

这会将每个img附加到其父级的左边缘。