Question

一个大div，里面有两个小的div并列做float，左边的内容相对固定，右边的内容可能会很多。

当右边的div内容增多时会撑开整个框架，但是左边的div设置的背景图片不随着整体撑开而纵向重复，我已经写了repeat，只是根据左边div内容的多少做背景循环，我想让左边的div随着右边的div自适应高度而重复背景，请问如何操作。
网页查看源代码如下：

<div class="middle">

<div class="left_om">

<a class="thumbnail" href="picture/map.jpg"><img src="picture/map_s.jpg" width="150px" height="150px" border="0" /><span><img src="picture/map.jpg" /></span></a>

<div class="contact">

电话:xxxx xxxx<br>

邮编:100000<br>

邮箱:mail@tt-video.com<br>

地址:北京市朝阳区东三环北路1号 嘉盛中心4002<br>

</div>

</div>

<div class="right_om">

<div class='ID1'> 北京中视天曈科技有限公司是一家由专业从事网络数据传输、网络安全、媒体处理等技术开发团队组成的，专注于流媒体传输技术研发的高新技术企业。以高新技术为依托，提供统一的内容管理，形成完整的网络媒体传输体系，并致力于发展数字广播电视产业和新兴媒体业务。

公司在创立之初即与北京荧屏、上海聚力（PPLIVE）、中国电信进行全方位的战略合作，拥有三网合一、数字传输、高清信号播出、卫星转播等专业传播技术资源；拥有强大的视听内容创意与生产、交互产品及IPTV业务的研发与应用、新媒体管理与运营的综合优势；充分利用全国网络及通讯优势，为用户提供最前沿的视讯服务。</div></div>

</div>
备注：左边的图片是做了鼠标经过时显示大图的效果。

Answer 1

<div class="left_om">
这句是左边的大框框吧～！背景图没有加到这个left_om里吗？这句里没有写
background-image:url(../xxxxxx/背景图片名字.jpg); background-repeat:repeat-y(纵向重复);或background-repeat:repeat-x（横向重复）;这两句嘛？如果这个背景图在这个大框里应该就能实现从上至下的重复了，没有加进去嘛？
下面这句话
<a class="thumbnail" href="picture/map.jpg">完全没有明白这句为什么要添加这个href""链接图片，如果你为了链接这个map.jpg图片是热点图，那前面的thumbnail是定义什么用的，要是为了定义<a></a>中的字体，不过好像下面也没有写字体，难道是js的class？这个就不知道是为什么啦，下面是放大图片的吧～！
<img src="picture/map_s.jpg" width="150px" height="150px" border="0" /><span><img src="picture/map.jpg" /></span></a>
比较奇怪，也可能是我没看懂o(∩_∩)o...

Answer 2

大体明白你的意思 随着内容增加 层高度也增加吧 我是用jquery实现的

var hh1=$("#height1").height();//左边层
var hh2=$("#height2").height();//右边层
if(hh1>hh2){
$("#height2").height(hh1);
}
else{
$("#height1").height(hh2);
};

你参考下

Answer 3

这个必须要用js实现，获取右边的高度设置左边的高度。
你看一下你的页面是有空隙的吗，也就是左边和右边的宽度撑满整个middle层了吗，如果有的话，你可以考虑将背景设置到middle层上面，这样右边撑开的时候middle也会撑开，就可以达到你要的效果

Answer 4

DIV自适应如果要实现只能通过JS实现,,不过高度一样反而不美观,