将img标记放在div的右上角

Question

我想在现有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网站管理员中）。

Answer 1

使容器位置：相对

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

Answer 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.
}