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

假设我有两个div：

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

如何使左div和右div在底线上对齐？基本上是扩展左div，使两者具有相同的高度

---

我不想显式地为它们设置高度。

只需为CSS中的父除数设置height或minheight属性，如下所示

min-height:50px;

您还可以为其设置行高，以便以预期的方式工作

使用display:table cell属性很容易，但它在IE7及更早版本的浏览器中不受支持。不管怎样，这里有一些方法

.container {
    display: table;
}
.container > div {
    display: table-cell;
}

---

小提琴：一种可能的解决方案称为：

然后是display:table方法，但IE 8以下版本不支持这种方法

---

除此之外，google for CSS columns float height或任何类似的组合。

这可以通过两种方法实现：一种是设置两个div的最小相等高度

一号线一号线二号线

左{最小高度：50px；} 右{最小高度：50px；} ========================================================================

或者，您可以通过在父div like的结束标记之前插入clear:both样式的标记来实现

第一行 第一行第二行

---

下面的链接将向您显示问题的代码

#block_1, #block_2 {
    padding-bottom: 32767px;
    margin-bottom: -32767px;
}
#wrapper {
    overflow: hidden;
}