排列3 div - div 2到左边 - div 1和3到右边

Question

我有三个人 - 我想像这样安排

+++++++++++
+ div2 + div1 +
+ div2 ++++++ + ____ + div3 +
++++++++++++++++++++++++++++++

但是当div2的高度小于div1时，即使我在css中将div 1和div3向右浮动，div 3也会像这样向左浮动。

+++++++++++
+ div2 + div1 +
++++++ div1 +
+ div3 + ___ +
++++++++++++++++++++++++++++++

调整大小时我得到了这个 - 调整大小时我想要的是什么。

++++++
+ div1 +
++++++
+ div2 +
++++++
+ div3 +
++++++

这是html

<div class="row">

            <div class="row-item col-1_2 div1">
                <?php print render($content['field_1']) ?>
            </div>

            <div class="row-item col-1_2 div2">
                <?php print render($content['body']); ?>
            </div>

            <div class="row-item col-1_2 div3">
                <?php print render($content['field_2']); ?>
            </div>

那么 - 如果可能的话，我的css / html应该怎样做？

Answer 1

要管理浮动div和空格，您可以使用 clear css属性，如下所示：

VBox 5.0.4

如您所见，div2s的高度小于div1。