如何使2个水平div具有相同的高度

时间:2013-07-01 17:16:30

标签: html css

我有一个包含2个其他div的div。

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

使用ajax填充rigth div,它将动态增长。有时候

#menuTab.Heigth > #programaTab.Heigth

有时候

#menuTab.Heigth < #programaTab.Heigth

我怎样才能使2 div与heigth相同?

的CSS:

#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;
}

2 个答案:

答案 0 :(得分:0)

我不确定它是否仍然是当前的做法,因为我已经离开了网络开发一段时间,但我记得它过去是这样做的http://wellstyled.com/css-2col-fluid-layout.html

答案 1 :(得分:0)

你必须使用javascript

在你的ajax完成事件上

计算两个div的高度并相应地给它们高度