html - 如何在div的右下角放置一个img

Question

alt text http://img190.imageshack.us/img190/7514/unbenanntax.jpg

这就是我想要做的。一个包含一些文本的 Div，右下角有一个 img。 div 的高度稳定在 24px，但长度未知，并且可能有不止一个这样的 div 连续出现。

Answer 1

有几种方法可以做到这一点。最简单的:

<div class="outer">
<img src="....">
</div>

与

div.outer { position: relative; height: 24px; }
div.outer img { position: absolute; right: 0; bottom: 0; }

现在它脱离了正常流程，问题是您希望其他内容环绕/ float 在它周围。在那种情况下，您确实需要知道图像的高度，然后根据您所获得的内容应用适当的技巧。

以 Making the absolute, relative 开头.

例如，如果图像的高度为 10 像素，您可以尝试这样做:

div.outer { height: 24px; }
div.outer { float: right; margin-top: 14px; }

当然 14px 来自 24px - 10px。但是，我不知道这是否会满足您想要实现的目标。