Php 如何使用div标记划分三列之间的空间？

我创建了三个类似这样的专栏：

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

左栏
中柱
右栏

这本身就很有效。但是，当我将其添加到Wordpress页面模板时，通过在现有的主列周围定义一个左右列，发生了一些意想不到的事情：

左柱被正确放置，中间柱位于中间，但右柱位于底部。我不明白为什么剩余的空间没有按预期在三列之间划分

有什么评论吗

---

非常感谢，

我现在无法测试，但我猜您在div上设置了填充或边距，这使得三个div组合的总宽度>100%。

div的问题在于。右边和左边的div有css浮动。但你的中间人没有那种特质。它保持在中间，带有边距属性。即使给中间的div加上float也帮不了你。因为这样你就必须把op div做对

您可以执行的一种方法是更改div顺序，如下所示：

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

然后将

float:right

添加到

right列div

---

希望这对您有所帮助：）

您好，Sabari，非常感谢，您的解决方案似乎几乎可以正常工作。现在，中柱和右柱完全对齐。但左列实际上是一行，位置稍高。这是为什么？哦，对了，似乎左边的列也需要style=“float:left”。今晚我将对它进行更多的测试并给出答案。非常感谢你的帮助