动态生成的内容不会环绕浮动图像

Question

当我生成内容时，它不会包裹图像，如果我将其设为静态，它将包裹

（静态）

 | Image | text text
 | ..... | text text
 | ..... | text text
 | text  | text text

（动态）

 | Image |          |
 | ..... |          |
 | ..... |          |
 | text  | text text|
 | text  | text text|


 <div class="somediv">
  <div class="floatbox">
    <%= image_tag 'thumb_1.jpg' %>
  </div>
  <p>
    <%= @posts.first.content %>
  </p>
</div>


 .somediv{
   width: 350px;
   clear: left;
   border: 1px solid gray;
 }

.somediv .floatbox{
  float: left;
}

如果这是beaviour，我该如何克服它。

Answer 1

这个愚蠢问题的答案是生成的内容只是一个长字符串，我猜这个字符串被解释为一个单词，并导致它溢出。