正確定位兩個div，拆分

Question

什麼是正確/最好的方式來查找下面的信息，在兩個div之間分割。

你可以在這裏看到問題的頁：

http://property.begbies-traynor.com/sale/the-camelot-hotel/

正如你所看到的，頂部區域分成兩個部分。一個在主要屬性圖像的右側，另一個在左側包含屬​​性特徵。

我曾嘗試使用浮動，但它似乎是不穩定的如何顯示。

分割這兩條信息的最佳方法是什麼？

目前他們被設置爲兩個獨立的divs，其中一個設置爲float：right;

謝謝！

Answer 1

#split需要是float: left;

接着的#split和#split-two需要的總寬度爲比容器更窄。

最後，你需要一個清除元件，或者使用一個suitable clearfix，或廉價和骯髒<br style="clear:both;" />容器內，但之後#split和#split-two

Answer 2

下面的代碼添加到您的風格。

#split { 
width: 340px; 
float: left; 
} 

Answer 3

你說你要在權物業形象和對信息欄左側，但你的樣品中，你已經在#split-two信息欄float:right。

如果你想在您要進行以下更改從右向左和列的圖像：

#split { 
float: right; 
} 

#split-two { 
float: none; 
} 

，並在html：

<div id="split-two" class="clearfix"> 
...