Question

我有一个包含两个div的div。一个是带有 - 顶部和左侧值的图像，使其像传奇一样位于顶部边缘。但它旁边的div只是将它保留在左边的一列中。真的，我希望文本环绕，以填充所有的紫色空间。这就是我所拥有的：

//jsfiddle.net/ucfnL0px/1/embed/

Answer 1

您应该将图片放在div.CornPara内，并将其设置为float: left;，文字将会环绕它。

请参阅此Fiddle

HTML

<div class="ServContent">   
   <div class="CornPara">
       <img class="corner" src="#" />
       <h1 class="SubServ">Lorem</h1>
       ...More content...
    </div>
</div>

CSS

img.corner {
  ...
  float: left;
}

Answer 2

解决方案很简单。

只需将图像放入＆＃34; CornPara＆＃34; div，将其设置为float：left并使用负边距而不是相对位置。

演示在这里http://jsfiddle.net/hmsh0x0z/1/

<强> HTML

  SELECT CASE WHEN player1 = 4 THEN player2 ELSE player1 END as p 
  FROM single_elim
  WHERE id_tournament = 1 
     AND phase = 1 
     AND (player1 = 4 OR player2 = 4)
  ;

<强> CSS

<div class="ServContent">
 <div class="CornPara">
  <img class="corner" src="#" />
  ...
 </div>
</div>

使一个div环绕另一个div

2 个答案: