我创建了三个这样的列：
<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/
左列正确放置，中间列在中间如预期，但右列在底部。我不明白为什么剩下的空间没有像预期的那样在三列之间分配。
有任何意见吗？
非常感谢，
答案 0 :(得分：0)
我现在无法测试它，但我的猜测是你在div上设置了填充或边距，这使得其中三个的总宽度> 100％合并。
答案 1 :(得分：0)
您的div的问题是。右边和左边的div都有css浮点数。但你的中间div没有那个属性。它保持中间的边缘属性。即使给中间div提供浮动也无济于事。因为那时你必须使op div正确。
您可以执行的一种方法是更改您的div顺序，如：
<div id="left_column"></div>
<div id="right_column"></div>
<div class="col-full"></div>
然后将float:right添加到您的right-column div。
希望这可以帮助你：）