html - 如何在 HTML 中制作这样的东西？

Question

类似的东西:

只是一张图片和一个指向某处的链接。

这是我突然想到的东西，但似乎无法像图片那样工作。

http://jsfiddle.net/stapiagutierrez/z6LBL/6/

#portrait {
    border:1px solid red;
    height:100px;
    width:100px;
}

#portrait .image {
    float:left;
    height:100px;
    width:100px;
}

#portrait a {
    float:right;
}

<div id="portrait">
    <img class="image" src="http://media.giantbomb.com/uploads/14/141112/1983897-307865_10150294906295771_529235770_8254698_904096888_n_large.jpg" />
    <a href="#">alterar foto</a>
</div>

Answer 1

你可以像以前一样使用 float ，但我认为绝对定位实际上更容易。 @至少对我来说。这是你想要的 fiddle :http://jsfiddle.net/jalbertbowdenii/z6LBL/19/