-1

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

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

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

#menuTab.Heigth > #programaTab.Heigth

而有时

#menuTab.Heigth < #programaTab.Heigth

如何使 2 div 与高度相同？

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

2 回答 2

0

我不确定它是否仍然是当前的做法，因为我有一段时间没有从事 web 开发，但我记得它曾经是这样完成的http://wellstyled.com/css-2col-fluid-layout。 html

于 2013-07-01T17:22:18.393 回答
0

你将不得不使用javascript

在您的 ajax 完成事件中计算两个 div 的高度并相应地给它们高度

于 2013-07-01T17:22:22.250 回答