一个大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>
备注:左边的图片是做了鼠标经过时显示大图的效果。

<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...
温馨提示:内容为网友见解,仅供参考
第1个回答  2011-11-14
大体明白你的意思 随着内容增加 层高度也增加吧 我是用jquery实现的

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

你参考下
第2个回答  2011-11-08
这个必须要用js实现,获取右边的高度设置左边的高度。
你看一下你的页面是有空隙的吗,也就是左边和右边的宽度撑满整个middle层了吗,如果有的话,你可以考虑将背景设置到middle层上面,这样右边撑开的时候middle也会撑开,就可以达到你要的效果
第3个回答  2011-11-07
DIV自适应如果要实现只能通过JS实现,,不过高度一样反而不美观,

一个大div,里面有两个小的div并列做float,左边的内容相对固定,右边的内 ...
如果你为了链接这个map.jpg图片是热点图,那前面的thumbnail是定义什么用的,要是为了定义<a><\/a>中的字体,不过好像下面也没有写字体,难道是js的class?这个就不知道是为什么啦,下面是放大图片的吧~!

一个大的DIV中放两个小的DIV一左一右
1、首先如图所示的web结构即一个html和css即可实现。2、打开html页面 定义一个大的div和两个小div 如图所示。3、最常用的float浮动,只要两个小div的宽度小于等于大div的宽度,即可实现并排了。4、使用position进行绝对定位,然后使用margin-left除去第一个小div的宽度即可。5、使用table盒子实现div并排,...

一个大的DIV中嵌套两个小的DIV一左一右
大的DIV中嵌套两个小的DIV一左一右步骤如下:1,首先,图中显示的Web结构是html和css。2,打开html页面,如图所示,定义一个大div和两个小div。3,最常用的float float,只要两个小div的宽度小于或等于大div的宽度,就可以并排实现。4,使用position进行绝对定位,然后使用margin-left删除第一个小div...

一个大div内有2个小div,把小div分别设置左右浮动,这两个小div自动跑到...
--右边内容排版--><div id="main-right"><\/div><\/div>css:#main{ position: relative; border: 1px solid #666; width: 100%; height: 800px;}\/*主页面左边界面样式*\/#main-left{ position:absolute; bottom:0; left:0; border: 1px solid #999; width: ...

...正常,右边的就是上不去。宽度没有超,都写了float
个人认为应该有两种情况:第一种是,你的浏览器像素不过:比如(left+right=961<浏览器的宽度。容不下所以就到下面去了!)第二种是:你在left的div放的东西(比如是img)宽度比div的现有的宽度大。加起来就就超过浏览器(left+right=961=浏览器的宽度,而此时的div宽度不是原来的宽度。所以img的...

大div居中,里面两个小的div左右对齐。如下图,求高人指点!
\/*这句只是为了显示两个小的div被套住,可以删掉*\/background-color:#f0f;}.left{width:100px;height:50px;float:left;background-color:#f00;}.right{width:100px;height:50px;float:left;background-color:#ff0;}<\/style><\/head><body><div class="hull"><div class="left">左<\/div>...

请问如何在一个大的div里横向嵌套两个小的div
margin-right:10px;border:1px solid #ededed;">此处显示 id "rightmain" 的内容<\/div> <div id="nav" style="float:left;border:1px solid #ededed;">此处显示 id "nav" 的内容<\/div> <p> <\/p><\/div><\/body>加了float:left,这样就并排了。float:left指都靠左边浮动。

html怎么将两个div并排显示啊?
在HTML中让两个div并排显示,通常情况下有三种实现方式,包括:(1)设置为行内样式,display:inline-block (2)设置float浮动 (3)设置position定位属性为absolute 以下为三种方式的具体实现代码:1、设置每个div的展现属性为行内样式,示例代码为:<div class="app"> <div style="display:inline-...

如何让两个div在一个div里面并排
可以采用浮动的方法,只要宽度足够,两个div就可以在一排显示。打div里面包含两个小div。方法如下:1、创建一个大div。代码如下:main {float:left;border:1px width:100%; } 2、创建一个左边小div 代码如下:left{float:left;border:1px width:40%; } 3、创建一个右边小div 代码如下...

如何将两个div并列排在同一行
想要将两个或多个div并列排在同一行,需要将div元素的float属性值设为left,靠左悬浮的意思,同时也要将想要并列的div套在一个大div里,这样改变浏览器宽度,div也还是成一排。以下是具体演示步骤:1、打开一个HTML文件编辑器。先在里面输入HTML的基本元素。2、在body标签里添加一个大div来容纳并列的...

相似回答