css - 将 div 移动到图像 CSS 上

Question

我有一个图像和一个包含 2 个按钮的提交表单的 div。

我想将 2 个按钮放置在图像的右下角。但图像可能是水平和垂直的，所以它必须始终位于右下角。

我试图搜索一些并进行测试，但似乎对我不起作用。无论如何要做到这一点？

我的图像有一个特定的 ID。我把我的表格变成了一个DIV。

链接之一

<img src='' id:'photo_img'/>

<div id='buttons'>
</div>

score 1 · Accepted Answer

这是你想要的？

CSS

#directions{
    height: 50px;
    width: 50px;
    position: relative;
}
#directions a{
    position: absolute;
    bottom: 0px;
    right: 0px;
}

HTML

<div id="directions">
    <a href="#">Maps</a>
</div>

我认为您需要将a内部包装起来div（您已经有了这种情况）并将背景赋予包装div加上宽度和高度，以便将其移动到其容器的右下角。

希望能帮助到你

编辑

1 回答 1