我有一个包含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;
}
答案 0 :(得分:0)
我不确定它是否仍然是当前的做法,因为我已经离开了网络开发一段时间,但我记得它过去是这样做的http://wellstyled.com/css-2col-fluid-layout.html
答案 1 :(得分:0)
你必须使用javascript
在你的ajax完成事件上计算两个div的高度并相应地给它们高度