我有一个非常简单的页面，在一个div内有两个div（menu和content）main。我不知道如何main根据高度menu或来扩展div的高度content，我现在只能对contentdiv进行扩展。
您可以在以下小提琴上看到此东西：http : //jsfiddle.net/nLjnn/
HTML结构：
<div class="main">
<div class="menu"></div>
<div class="content"></div>
</div>
CSS：
.main {
width: 908px;
padding: 10px 20px 20px 10px;
background: red;
-webkit-border-radius: 0px 5px 5px 5px;
-moz-border-radius: 0px 5px 5px 5px;
-khtml-border-radius: 0px 5px 5px 5px;
border-radius: 0px 5px 5px 5px;
-moz-box-shadow: 0 1px 1px rgb(159, 159, 159);
-webkit-box-shadow: 0 1px 1px rga(159, 159, 159);
box-shadow: 0 1px 1px rgb(159, 159, 159);
min-height: 300px;
height: auto;
margin-left: 1px;
display: block;
position: relative;
}
.menu {
width: 170px;
min-height: 570px;
left: 10px;
position: absolute;
display: block;
background: yellow;
}
.content {
width: 728px;
min-height: 450px;
margin-left: 180px;
display: block;
position: relative;
background: gray;
}
menudiv或contentdiv中可以有任意数量的内容，因此我需要main分别缩放div的高度。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句