将img标签放在div的右上角答案

【问题标题】：Put img tag inside the top right corner of a div将img标签放在div的右上角
【发布时间】：2016-02-18 22:23:26
【问题描述】：

我想在现有 div 的右上角放置一个<a href="..."><img /></a> 标签（链接图像）。

我找到了一种将图像作为背景而不重复的方法，但是我无法链接图像。我应该使用什么 CSS？

这就是我现在所拥有的：

<div id="footer">
  some multi-line commercial text content
</div>

和css：

#footer
    {
        line-height:18px;
        position:absolute;
        bottom:-230px;
        left:0;
        width:280px;
    }

#footer span
    {
        font-size:16px;
        display:block;
    }

我想放在那里的图标和链接是 43x38 大小。页脚 div 的大小为 280x186（在 google chrome 网站管理员的资料中）。

【问题讨论】：

您能否粘贴您现有的代码，以便我们查看当前的视觉效果？
@tutipute 好的 - 给你！
@tkoomzaaskz 我在你的代码中看不到任何img
@user1479606 我想将<a href="..."><img src="..." /></a> 标签放在某个地方（使用适当的CSS），以便它显示在右上角。它可以在 div 内部，也可以在 div 外部，嗯，我不知道 - 这就是我要求的 ;)
我仍然不确定有什么限制，请查看此 JSFiddle 并联系。 jsfiddle.net/8V5Zm/1（尺寸有点不同）

标签： css image position

【解决方案1】：

使容器位置：相对

使图像位置：绝对；右：0px；

【讨论】：

位置：相对不是必需的。绝对也可以。
@Vanco 非常简单的答案。谢谢！ :)

【解决方案2】：

使用这个：-

<div class="ImageDiv">
    <a href="#" class="hiddenlink"></a>
</div>

.ImageDiv {
    background-image: url(someurl);
    position: relative; //parent div has to be relative position for absolute position children to stay in it.
}
.hiddenlink {
    The way you want to do.
}

【讨论】：