Html 如何使两个水平div的高度相同

我有一个div包含另外两个div

<div id="centerDiv">
    <div id="menuTab"><?php include 'MenuEquipos.php'; ?>   </div>
    <div id="programaTab"></div>                        
</div>

有时候

#menuTab.Heigth > #programaTab.Heigth

#menuTab.Heigth < #programaTab.Heigth

---

我不确定这是否仍然是当前的做法，因为我有一段时间没有参与web开发，但我记得以前是这样做的

您必须使用javascript

在ajax complete事件中，计算两个div的高度，并相应地给出它们的高度

#centerDiv{
    margin: 0 auto;
}

#menuTab{
    background-color: #636977;
    vertical-align: top;
    margin-left: 12%;
    width: 16%;
    min-height: 400px;
    float: left;
    border-bottom: 2px solid black;
    border-top: 2px solid black;
    border-right : 2px solid black;
    border-left : 2px solid black;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-color: lightsteelblue;
}

#programaTab{
    margin-left: 5px;
    border-left: 5px;   
    float: left;
    min-height: 400px;
    min-width: 400px;
    border-bottom: 2px solid black;
    border-top: 2px solid black;
    border-right : 2px solid black;
    border-left : 2px solid black;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-color: #636977;
    visibility:hidden;
}