mpdf - 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>

这应该可以解决您的问题