Css 我有两个垂直div，但第二个div'；s的可变高度导致第一个位置本身错误

正如你从我所附图片中的箭头所看到的，我正在尝试将这四个div（谁在线、即将到来的事件、统计数据和天气）向上滑动以填补空白。右边的列有一个可变的高度，当它展开时，前面提到的四个div将继续向下移动页面。他们需要呆在白盒子下面

绝对定位的问题是，四个div（谁在线，即将到来的事件等）也会有不同的高度，所以我不想将第二排div固定在绝对位置

HTML

---

将div重新排列为2列，而不是4个象限。您目前有：

<div id="phototicker">
    ...
</div>
<div class="RightSide">
    ...
</div>
<div class="midbox1">
    ...
</div>
<div class="midbox2">
    ...
</div>

...
...
...
...

相反，请按如下方式排列：

<div class="LeftSide">
    <div id="phototicker">
        ...
    </div>
    <div class="midbox1">
        ...
    </div>
    <div class="midbox2">
        ...
    </div>
</div>
<div class="RightSide">
    ...
</div>

...
...
...
...

---

这样，中置盒将自然地在phototicker下流动。您需要在右侧和左侧的div上有一个特定的宽度，然后将两侧的div浮动到左侧。

谢谢！这工作做得很好。我不得不从项目中抽出一些时间，但这正是我需要的帮助。

<div id="phototicker">
    ...
</div>
<div class="RightSide">
    ...
</div>
<div class="midbox1">
    ...
</div>
<div class="midbox2">
    ...
</div>

<div class="LeftSide">
    <div id="phototicker">
        ...
    </div>
    <div class="midbox1">
        ...
    </div>
    <div class="midbox2">
        ...
    </div>
</div>
<div class="RightSide">
    ...
</div>