html图片靠右浮动 文字左侧环绕,html-将图片浮动到右下角，文字环绕

我已经研究了基于jQuery的解决方案-可能不及gilly3发布的解决方案那么优雅；)而且速度也较慢且有点膨胀。

我的技巧是将两个data-bottom-images追加到该部分，该部分浮动到左侧并隐藏宽度为0的宽度。div中的一个，即与图像具有相同尺寸的指定幽灵元素，将位于另一个div下方 即指定的高度垫片。 该脚本使用while循环来确定ghost元素是否已到达父section元素的底部。 如果没有发生，它将使高度垫片的高度增加1，直到满足条件为止。

我使用的标记如下。 我正在使用HTML5属性data-bottom-image来标识您具有要浮动到底部的图像的部分。 当然，它是可有可无的，具体取决于您要如何选择正确的section元素。

...

...

和jQuery脚本：

$(function () {

$("section > img:last-child").each(function () {

// Offset image based on the bottom and right padding of parent

var $par = $(this).parent();

$(this).css({

bottom: $par.css('padding-bottom'),

right: $par.css('padding-right