left {min-height：50px; }

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中设置父分区的高度或最小高度属性，如下所示

min-height:50px;

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

Answer 2

使用display: table-cell属性很容易，但IE7及更早版本的浏览器不支持它。无论如何，这是怎么做的。

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

Answer 3

一种可能的解决方案被称为"One True Layout"：

的一部分

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

然后是display: table方法，但在8以下的IE中不支持。

除了google for＆＃34; CSS列浮动高度＆＃34;或任何类似的组合。

Answer 4

这可以通过两种方式来完成，一种是设置两个div的相等最小高度

第一行第一行第二行

left {min-height：50px; }

对{min-height：50px; }

=============================================== =========================

或者您可以通过插入具有明确样式的标签来实现：在父div的结束标记之前，如

第一行第一行第二行

Answer 5

以下链接将向您显示问题的代码 http://jsfiddle.net/tashniamit/kVqpE/1/

对{min-height：50px; }