mPDF，错误的容器浮动

Question

我想将样式“float：left”设置为图像容器。但这种浮动是不正确的。

示例：http://prntscr.com/1mkdsr

我的HTML代码：

<div class="image" style="float: left; width: 270px;">
    <img src="...." />
    <div class="image-title">Image description</div>
</div>

Text......

我尝试将文本设置为另一个容器：

<div class="image" style="float: left; width: 270px;">
    <img src="...." />
    <div class="image-title">Image description</div>
</div>

<div class="text">Text......</div>

但不行。如何设置正确的浮动？感谢。

Answer 1

我认为你所拥有的代码正是应该做的。当您将浮动设置为第一个DIV时，这意味着此后的所有文本都会“运行”图像，这意味着文本将位于图像的右侧，正是屏幕截图显示的方式。 如果我理解正确并且您希望文本在图像下继续，则必须清除浮动，以便正常页面流继续。

<div class="text" style="clear:both">Text......</div>

这可以解决您的问题