多个div高度以匹配单个最高div高度?

时间:2013-10-30 12:35:16

标签: javascript html css

我有一个并排的多个div的布局,每个div中都会填充随机文本。是否有可能让最高的高度与其他div匹配,无论他们有多少文本?

基本上我需要div为height:auto;并且让我们说,第二个div有很多文本,它的高度大约是200px,其余的div只有足够的文本使它们的高度大约为100px。而不是200px div是最高的,其余的div延伸以匹配200px div并创建一个统一的外观。

纯粹使用CSS还是需要使用JavaScript?

很抱歉,如果这听起来令人困惑,我会发布一个示例图片,但我没有足够的积分(嘘!)

Fiddle

1 个答案:

答案 0 :(得分:0)

你可以像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;
}