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> 

Это должно решить проблему