为什么我不能让这些div高度相同？

Question

我正在尝试让2个div在Bootstrap 3中具有相同的垂直高度，但它不起作用。我在父节目上使用display：table-layout，并在子节点上显示：table-cell + vertical-align：middle。

.left {
    background-color:#bdc3c7;
    height:90px;
    display:table;
    table-layout:fixed;
    ;
}
.right {
    background-color:aliceblue;
    height:90px;
    display:table;
    table-layout:fixed;
}
.leftfont {
    font-size:1.5em;
    color:#fff;
    display:table-cell;
    vertical-align:middle;
}
.rightfont {
    font-size:1.5em;
    color:#fff;
    display:table-cell;
    vertical-align:middle;
}

这显示了它的样子：
http://jsfiddle.net/dqPzW/1/

Answer 1

display: table

应该是

display: table-cell

http://jsfiddle.net/isherwood/dqPzW/2/

Answer 2

您的问题是您font-size: 1.5em;中的.leftfont。

他+填充规则超出你的div。