有没有一种方法可以使元素浮动在其父元素的底部？

Question

在下面的图像中，您可以看到带有正方形图像的文章。 在顶部，有一个带有float: right的实际图像。 在底部，我以浮动的方式放置了一个绝对定位的半透明预览，以了解要实现的目标。

https://jsfiddle.net/713bLv4k/1/

问题是，使图像元素相对于文章底部浮动（和部分推送文本）的正确方法是什么？