使一个div环绕另一个div

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

该解决方案可以很容易。

只需将图像放入“CornPara”div中，将其设置为浮动：向左移动，并使用负边距替代相对位置。

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

HTML

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

CSS

img.corner { 
    margin-top: -20px; 
    margin-left: -20px; 
    margin-right: 20px; 
    float: left; 
    ... 
}