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

Question

这就是我想要做的.一个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; }

现在它将它从正常流程中取出,这是一个问题,你想要其他内容包装/浮动它.在这种情况下,你真的需要知道图像的高度,然后根据你所拥有的内容应用适当的技巧.

例如,如果图像高10像素,您可以尝试这样做:

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

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