Html 在;“图像”;在一个div之外,在我的帖子里的例子

Html 在;“图像”;在一个div之外,在我的帖子里的例子,html,css,Html,Css,好的,让我们看看我是否能解释我的意思,这里有一张图片可以帮助你: 如图所示,我需要将绿色箭头从当前位置移到主div之外。我需要这样,如果页面被重新调整大小的箭头将留在其位置。 如果你需要更多的信息,请告诉我。对不起,如果这太模糊了,我不知道该怎么解释。 谢谢 您需要应用绝对定位。如果它与左侧或右侧的距离总是恒定的,那么这很容易 img.class { position: absolute; right: 16px; } 例如。您可以使用相对定位: parent { pos

好的,让我们看看我是否能解释我的意思,这里有一张图片可以帮助你:

如图所示,我需要将绿色箭头从当前位置移到主div之外。我需要这样,如果页面被重新调整大小的箭头将留在其位置。 如果你需要更多的信息,请告诉我。对不起,如果这太模糊了,我不知道该怎么解释。
谢谢

您需要应用绝对定位。如果它与左侧或右侧的距离总是恒定的,那么这很容易

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

例如。

您可以使用相对定位:

parent {
  position: relative;
}

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

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

给出容器元素
位置:相对然后给出箭头
位置:绝对;排名:0;右:-x(其中x是箭头的宽度)


下面是一个示例:

您需要使用相对绝对定位

Outer_div{
position: relative;
.
.
.
}

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

@joshuanhibbert的解决方案与您的示例类似,但可能是一种更好的方法。您可以通过绝对定位来实现这一点似乎有一些很好的示例