html - 如何水平对齐两个大小不同的div

Question

假设我有两个 div:

<div id="container">
    <div id="left">line one</div>
    <div id="right">line one<br/>line two</div>
</div>

如何让左div和右div在底线上对齐？基本上是扩展左侧的 div，使它们具有相同的高度。

我不想为它们明确设置高度。

Answer 1

只需在 CSS 中为父分区设置 height 或 min-height 属性，如下所示

min-height:50px;

您还可以为其设置行高，以便 <br />按预期方式工作