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> 

这应该解决您的问题