CSS - Equal Height Columns?

CSS - Equal Height Columns?

Flexbox

假设这种布局：

<div >    <div >...</div>    <div >...</div>    <div >...</div></div>

对于flexbox，等高列只是一个声明：

.row {    display: flex; }.col {    flex: 1; }

浏览器支持：http : //caniuse.com/flexbox ;

Table layout

如果仍然需要支持IE 8或9，则必须使用表布局：

.row {    display: table;}.col {    display: table-cell;    width: 33.33%; }