如何用div標籤劃分三列之間的空間？

Question

我已經創建了三列是這樣的：

<div style="float: left">Left Column</div> 
<div style="float: left">Middle Column</div> 
<div style="float: left">Right Column</div> 

這非常適用於自己的。但是我把它添加到我的WordPress頁面模板的那一刻，通過圍繞現有主柱令人意想不到的定義左，右列情況：

http://venuscloud.com/crm-software/

左欄正確地放置，並如預期中柱在中間，但右列在底部。我不明白爲什麼剩餘空間沒有按預期在三列之間分配。

有何評論？

非常感謝，

Answer 1

你的div的問題是。右和左divs有css浮動。但你的中間div沒有這些屬性。它保持與margin-attributes的中間。即使給中間部分浮動也不會幫助你。因爲那你必須使操作正確。你可以做

一種方法是，改變你的div順序，如：

<div id="left_column"></div> 
<div id="right_column"></div> 
<div class=​"col-full"></div> 

然後加入float:right您right-column div。

希望這可以幫助你:)

Answer 2

我無法測試它，但現在我的猜測是，你有邊距或在div的設置頁邊距，這使得總寬度> 100％，他們三人的組合。