html - 列布局垂直对齐

Question

我希望实现如下布局:

但是，我似乎无法让文本正确垂直对齐。

我试过 float div，但无法正常工作。

使用最少的元素创建上述内容而不使用表格的最简单、最语义化的方法是什么？

Answer 1

如果你真的想使用 div，请执行以下操作:

<div style="overflow:auto">
    <div style="float:left">left stuff</div>
    <div style="float:right">
        <div>right top stuff</div>
        <div>right bottom stuff</div>
    </div>
</div>

如果需要，适本地给出宽度/高度