CSS - 保持列中的div对齐

Question

我试着寻找我正在寻找的东西,但我一直在为内部div找到css的东西.

无论如何,我要做的是让两列div与另一列对齐,右列始终与左列的顶部对齐.这是我画空白的地方,我似乎无法弄清楚如何做到这一点.

左列的大小是动态的,所以我不能使用:height属性来保持秩序.

这是我想要做的:

Answer 1

您可以做的是，将内联 div 包装在透明 div 中。例如：

<div class="transparent-container">
    <div class="inline-div">
    </div>
    <div class="inline-div">
    </div>
    <div class="clearfix"></div>
</div>

这是一个有效的 JSFiddle