如何對齊具有不同大小的水平

Question

假設我有兩個div兩個div：

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

如何讓左格右對齊的div的底線是什麼？基本上擴大左邊的div，所以兩者都有相同的高度。

我不想爲他們明確設置高度。

Answer 1

只需設置父divison高度或最小高度財產在CSS像下面

min-height:50px; 

您還可以設置行高爲它使<br />工作預期的方式

Answer 2

display: table-cell屬性很容易，但它在IE7和更老的瀏覽器中不支持。無論如何，這是如何做到的。

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

小提琴：http://jsfiddle.net/gAQtR/1/

Answer 3

一種可能的方案是被稱爲"One True Layout"的一部分：

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

然後是display: table的方法，但它不是在IE低於8支撐。

除了谷歌的「CSS列浮動高度」或任何類似的組合。

Answer 4

這可以通過兩種方式來完成一個是同時設置的div

線一條線一個
線的相等的最小高度的兩個

左{最小高度：50像素; }

right {min-height：50px; }

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

或者你可以通過插入
標籤給它的風格清晰：兩家母公司的div像

行一個 行一個
行結束標記前兩

Answer 5

下面的鏈接將顯示你代碼爲你的問題 http://jsfiddle.net/tashniamit/kVqpE/1/