所有李在一個列表中應該有最高的項目相同的高度

Question

我有一個列表與三項（李）。我希望列表中剩下的兩個li具有與該列表中最高的項目相同的高度。我怎樣才能做到這一點與CSS？

例子：http://codepen.io/seraphzz/pen/EJFpd

謝謝！

Answer 1

Use display: table-cell to get table like layouts：

.box-page-ul { 
    border-collapse: separate; 
    margin-bottom: 20px; 
} 
.box-page-ul li { 
    background-color: #60615c; 
    padding: 20px; 
    border: 10px solid white; 
    width: 294px; 
    display: table-cell; 
} 

您有不能使用的利潤率爲li元素不再分開的限制，也即他們不會像他們將與float流向多行。如果你需要這些，那麼你將不得不訴諸於JavaScript，或者等到CSS Flexbox成熟。

Answer 2

用途：

display: table-cell; 

這裏撥弄你校正代碼http://jsfiddle.net/rwxdp/