如何在框右下方的div标签内对齐基于html的图像？

Question

我有一个订阅表单。它看起来像这样：

我正在尝试在右下角添加一个小图像。但每次我尝试时，它都会在框下方稍微结束。

我猜我必须做点什么：

<div style="float:right;">76px x 100px image goes here</div>

但我不确定我是如何编码的。 所有代码都包含在 my fiddle中。

图片是jason-weber.png。

我一直在修补它，但似乎无法到达那里。在这方面的任何帮助将非常感谢！

Answer 1

一种方法：fiddle

#mc_embed_signup {
    position: relative;
}

#mc_embed_signup img {
    position: absolute;
    bottom: 0; right: 0;
 /* float: right; remove */
}

Answer 2

对于您所指的小图片，您可以尝试将possitioning设置为relative并使用它。