<分区>
如何让你的 div 一直向下延伸？ 如何填充父div的垂直空间？ 如何在不使用背景图片的情况下获得等长的列？
我花了几天时间在谷歌上搜索和剖析代码，以了解如何尽可能简单高效地完成等长列。这是我想出的答案，我想在一个小教程中通过复制和粘贴的方式与社区分享这些知识。
对于那些认为这是重复的人来说，事实并非如此。我受到了几个网站的启发，其中有 http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks但下面的代码是独一无二的。
最佳答案
对于更简单的解决方案，您可以给父级 display: table 及其子级 display: table-cell，如下所示:
.parent {
display: table;
}
.child {
display: table-cell;
}
参见 DEMO .
请注意，这在 IE7 中不起作用，因此如果需要 IE7 支持，则需要更精细的解决方案。
关于css - 如何在纯 CSS 中创建等高列，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20766384/