多个 div 高度匹配单个最高 div 高度？答案

【问题标题】：multiple div heights to match single tallest div height?多个 div 高度匹配单个最高 div 高度？
【发布时间】：2013-10-30 12:35:16
【问题描述】：

我有一个并排有多个 div 的布局，每个 div 中将填充随机文本。是否有可能让其他 div 匹配最高的高度，而不管它们有多少文本？

基本上我需要 div 为height:auto; 并且可以说，第二个 div 的文本太多以至于它的高度变成了大约 200px，而其余的 div 只有足够的文本来使它们的高度大约为 100px。而不是 200px div 是最高的，其余的 div 扩展以匹配 200px div 并创建统一的外观。

是否有可能纯粹使用 CSS 或需要使用 JavaScript？

抱歉，如果这听起来令人困惑，我会发布一张示例图片，但我没有足够的积分（嘘！）

Fiddle

【问题讨论】：

这是一个非常常见的问题。看看这个解释。 matthewjamestaylor.com/blog/…
哇哦，没想到这么普遍！只是快速浏览了一下，除非我错过了阅读，否则本文假设您知道哪个 div 最高，就像他对它们应用百分比的方式一样。我需要我的 div 知道哪个有最多的文本并调整以匹配最高的。
不，没关系，我认为它是动态的 :)
这可能也很有用：css-tricks.com/fluid-width-equal-height-columns

标签： javascript html css

【解决方案1】：

您可以像this updated Fiddle 中那样将它们布置成一张桌子

.container {
    display:table; 
    position:relative; 
    border-spacing:20px;
}
.block {
    display:table-cell;
    position:relative;
    width:190px;
    height:100%;
    background-color:FFF;
    margin:0px;
    padding:10px;
    text-align: center;
    border:solid 1px #CCC;
    font-size:small;
}

【讨论】：