divタグで3つの列の間のスペースを分割する方法は？

Question

私はこのような3つの列を作成している：これは自分自身でうまく機能

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

を。

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

左の列が正しく配置され、中央の列が期待されているとおり、予期しない既存のメインカラムの何かを中心に、左右の列を定義することによって、私は私のWordpressのページテンプレートに追加するしかし瞬間が起こります真ん中には右の列が下にあります。私は残りのスペースが3つの列の間で予想通りに分割されない理由を理解していません。

コメントがありますか？

多くのおかげで、

Answer 1

divに問題があります。右と左のdivにはcssの浮動小数点数があります。しかし、あなたの中央のdiv doesn'rはその属性を持っていません。マージン属性を持つ中間を維持します。途中のdivにフロートを付けてもあなたを助けません。そのため、op divを正しいものにする必要があります。その後、あなたのright-column divにfloat:rightを追加

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

：あなたが行うことができます

一つの方法は、のようなあなたのdivの順序を変更する、です。

希望：

Answer 2

私は今それをテストすることはできませんが、私の推測では、あなたが結合し、それらの3のために> 100％幅の合計を作るのdivに設定されたパディングやマージンを、持っています。