Question

两个div 其中左侧的div是导航条，右侧div是内容，但是右侧div中的内容是动态生成的，也就是说右侧的内容

是引入的另一个jsp 页面，如何让左侧导航条的高度随着右侧div中jsp内容的增多而增长呢？求帮助。。。PS：没有财富值了，各位大仙帮帮忙吧。。。

Answer 1

首先给两个DIV的外面加多一层div，class可以命名为container，如果已经有DIV了，可以略过这一步。
那么现在的页面结构应该是这样的：
<div class="container">
<div class="left">左栏</left>
<div class="right">右栏</div>
</div>

那么在css里面可以这么定义：
.container {height:100%; width:950px; overflow:hidden;}
.left {height:100%; padding-bottom:99999px; margin-bottom:-99999px;}

这样左栏就会跟着右栏的高度改变而改变了~~

追问

这个我试过了 不好用。主要是右侧的div中是一个jsp页面，jsp中也有各种标签和div 所以我估计可能是标签的问题吧。

追答

这个应该和右侧DIV中间的内容不会有冲突的，或者你可以在右侧DIV，例如我定义了right的那个div上面加多一个css:
.right {height:100%; overflow:hidden}

追问

恩 我试一试吧，谢谢哈。

Answer 2

简单的办法就是用table，否则就是用js算。这种东西建议修改设计原稿去，实战中根本没必要保持相同的高度，因为你即便保持了高度也不过就是多了些空白，没什么意义。只要有个min-height保证当右侧内容过少的时候使左侧栏无法完全显示就行了。

如果确定这样做建议还是用table吧，省事。

追问

其实在我的电脑里左侧随右侧的增高而增长已经实现了，但是我的右侧div 是直接写的内容，可是到别人的电脑里 将右侧内容换成引入的jsp就不好使了。

追答

你是用js计算的吗？应该是触发的问题。如果你是ajax引入的内容，应该在ajax回调函数中重新调整高度值。

追问

我是用js计算的：
$(function(){
var count=$(".content").height()-10; //数值自己设置
$("#gly-left").height(count);
var count=$(".content").height()-70;
$(".content_right").height(count);
});

追答

恩，挺好啊。你把这个东西放到函数里面就行了。

$(function(){
resetLeftSideHeight();
});
function resetLeftSideHeight() {
var count=$(".content").height()-10; //数值自己设置
$("#gly-left").height(count);
var count=$(".content").height()-70;
$(".content_right").height(count);
}

然后，如果你是ajax读入的页面，那么再次

$('.content').load(url, function(){resetLeftSideHeight();});

就好了

追问

恩 我试一试吧，谢谢哈。

Answer 3

锤子 你还不如让他浮动呢：
position：fixed;
top:5%;