html一页内容分三块,有一个页面从左到右分成三块，中间一块div高度是随着数据的增加而边长，怎样使左右2边的div也边长...

有一个页面从左到右分为三块&＃xff0c;中间一块div高度是随着数据的增加而边长&＃xff0c;怎样使左右2边的div也边长&＃xff1f;

最右边的窄边&＃xff0c;高度是repeat的。

css如下&＃xff1a;.rightLine {

height: 955px;

background-image: url(/LogService/images/right.jpg);

background-repeat: repeat-y;

width: 26px;

position: absolute;

top: 54px;

left: 1225px;;

}

中间的数据是跟微博一样&＃xff0c;每次拉倒最下面加载新数据&＃xff0c;所以中间的数据div越来越长。

但是左右两边div的长度不会跟着变化&＃xff0c;有没有人有好的办法&＃xff1f;

分享到&＃xff1a;

------解决方案--------------------

$(".left").height($(".showListDiv").height());

$(".right").height($(".showListDiv").height());

ajax每次加载数据之后&＃xff0c;在for循环后面加上这两句话就OK了&＃xff0c;试试吧&＃xff01;&＃xff01;&＃xff01;

------解决方案--------------------

引用:Quote: 引用:

.div1 {background:url(img/left.png) repeat-y 0 0;}

.div2 {background:url(img/right.png) repeat-y right 0;}

这能看明白吗  只要中间的内容 增加 左右两块的背景 也会变高

里面的布局当然 你知道了&＃xff0c;只是 背景不太明白&＃xff0c;用我上面的方法  应该能理解吧

这样 里面 任何一个高度增加 父级的两个背景都会 增高   也就是等高

我感觉你理解错我的意思了。

我的布局这是这样的 &＃xff0c;center就是数据div&＃xff0c;高度一直变大&＃xff0c;left和right需要随着center Div变化.

不知道这个怎么实现

难道不是这样吗&＃xff0c;左右两边增高&＃xff0c;并一定div高度变高&＃xff0c;你的不就是背景吗&＃xff1f;

两边是图&＃xff0c; 这个方法可行

如果你觉得两边是 高度要变化或内容   增高&＃xff0c;那 得用js

看你怎么理解了&＃xff0c;

------解决方案--------------------

我有个办法可以不用js&＃xff0c;利用table的td特性&＃xff0c;当然你也可以不用table标签&＃xff0c;用display:table和table-cell&＃xff0c;效果一样的。demo代码如下&＃xff1a;html>

.green{

background-color:green;

}

.yellow{

background-color:yellow;

}

.red{

background-color:red;

}

table{

height:500px;

}

td{

width:200px;

}