使一個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; 
    ... 
}