javascript - 将图像放置在没有包装器的 div 底部

Question

如何使用 JavaScript 将图像放置在 div 的底部而不包裹它？我知道我可以用 div 包装它并进行绝对定位，但这会使标记及其动态内容变得困惑，所以我无法包装图像，它必须将图像定位在特定的 div 中。

这是基本标记，需要它来查找 div 的高度，然后将图像放置在底部。我认为这就是它的工作原理？

<div id="content">
 <p>some text</p>
 <img src="img.jpg"/>
</div>

Answer 1

您也可以将图像放置在 DIV 的底部，无需添加第二个包装器。要么在 CSS 中执行:

div { position: relative; } 

div > img { position: absolute; bottom: 0; }

或者如果你需要在 JS 中做同样的事情。