MyException - 我的异常网
当前位置:我的异常网» Java Web开发 » 请问一个DIV移动布局的有关问题

请问一个DIV移动布局的有关问题

www.MyException.Cn  网友分享于:2013-09-30  浏览:8次
请教一个DIV移动布局的问题~
现在画面有一个表头,和内容,都是超长,所以都有滚动条,表头的横向滚动条为900多PX,但实际有17,800多,现在遇到了一个问题就是,我表头的项目有俩个是通过DIV填写坐标覆盖上去的,从而实现画面的效果,但是现在一拖横向滚动条的时候由于那俩个DIV的长度是写死的,就看不见了,想问一下有没有办法能实现让那俩个DIV跟900的PX跑,别自己单独在屏幕外面1400px和1600px那呆着。
<div id = "selectday" style="position:absolute; height:568px; width:911px;overflow-x:scroll;overflow-y:hidden ">
<table class="selecday" id="tb0" style="width:1820px;border-right:0px none #FFFFFF;" cellspacing="1" cellpadding="0" bgcolor="#000000" >
<tr>
<td style="width:100px;"bgcolor="#6699CC" class="list_heard" rowspan="2">表头1</td>
<td style="width:100px;"  bgcolor="#6699CC" class="list_heard" rowspan="2">表头2</td>
<td style="width:100px;" bgcolor="#6699CC" class="list_heard" rowspan="2">表头3</td>
<td style="width:100px;"  bgcolor="#6699CC" class="list_heard" rowspan="2">表头4</td>
<td style="width:100px;"  bgcolor="#6699CC" class="list_heard" rowspan="2">表头5</td>
<td style="width:120px;"  bgcolor="#6699CC" class="list_heard" rowspan="2">表头6</td>
<td style="width:130px;"  bgcolor="#6699CC" class="list_heard" rowspan="2">表头7</td>
<td style="width:105px;"  bgcolor="#6699CC" class="list_heard" rowspan="2">表头7</td>
<td style="width:115px;"  bgcolor="#6699CC" class="list_heard" rowspan="2">表头9</td>
<td style="width:100px;"  bgcolor="#6699CC" class="list_heard" rowspan="2">表头10</td>
<td style="width:100px;" bgcolor="#6699CC" class="list_heard" rowspan="2">表头11</td>
<td style="width:70px;"  bgcolor="#6699CC" class="list_heard" rowspan="2">表头12</td>
<td style="width:70px;"  bgcolor="#6699CC" class="list_heard" rowspan="2">表头13</td>
<td style="width:70px;" bgcolor="#6699CC" class="list_heard">表头14</td>
<td style="width:70px;" bgcolor="#6699CC" class="list_heard">表头15</td>
<td style="width:70px;" bgcolor="#6699CC" class="list_heard">表头16</td>
<td style="width:70px;" bgcolor="#6699CC" class="list_heard">表头17</td> 
</tr>
</table>
<div id="selectday" style='background:#6699CC; border:1px solid #000000; position:absolute; left:1495px; top:0px; width:161px; height:16px; padding-top:6px; '>覆盖表头14,15</div>
<div id="selectday" style='background:#6699CC; border:1px solid #000000; position:absolute; left:1657px; top:0px; width:161px; height:16px; padding-top:6px; '>覆盖表头16,17</div>
<table style="display:none;width:1820px;" class="selecday" id="tb1" cellspacing="1" cellpadding="0" bgcolor="#000000" border=0>

.
.
.
.
下面都是数据
我就是想让那俩个DIV覆盖在表头了,或者用别的方法给表头覆盖了也行。只要效果一样就OK,各位大神有办法帮小弟解决下么,小弟打这么多字不容易呀。

------解决方案--------------------
你将那俩个DIV的display设置为fixed,让他根据当前窗口显示,这样当你滚动时,俩个div也会随着滚动

文章评论

Java程序员必看电影
Java程序员必看电影
程序员都该阅读的书
程序员都该阅读的书
漫画:程序员的工作
漫画:程序员的工作
程序猿的崛起——Growth Hacker
程序猿的崛起——Growth Hacker
Web开发人员为什么越来越懒了?
Web开发人员为什么越来越懒了?
我是如何打败拖延症的
我是如何打败拖延症的
当下全球最炙手可热的八位少年创业者
当下全球最炙手可热的八位少年创业者
5款最佳正则表达式编辑调试器
5款最佳正则表达式编辑调试器
每天工作4小时的程序员
每天工作4小时的程序员
代码女神横空出世
代码女神横空出世
“懒”出效率是程序员的美德
“懒”出效率是程序员的美德
10个帮程序员减压放松的网站
10个帮程序员减压放松的网站
程序员应该关注的一些事儿
程序员应该关注的一些事儿
旅行,写作,编程
旅行,写作,编程
Web开发者需具备的8个好习惯
Web开发者需具备的8个好习惯
为什么程序员都是夜猫子
为什么程序员都是夜猫子
一个程序员的时间管理
一个程序员的时间管理
写给自己也写给你 自己到底该何去何从
写给自己也写给你 自己到底该何去何从
聊聊HTTPS和SSL/TLS协议
聊聊HTTPS和SSL/TLS协议
“肮脏的”IT工作排行榜
“肮脏的”IT工作排行榜
总结2014中国互联网十大段子
总结2014中国互联网十大段子
程序员的鄙视链
程序员的鄙视链
老美怎么看待阿里赴美上市
老美怎么看待阿里赴美上市
看13位CEO、创始人和高管如何提高工作效率
看13位CEO、创始人和高管如何提高工作效率
鲜为人知的编程真相
鲜为人知的编程真相
60个开发者不容错过的免费资源库
60个开发者不容错过的免费资源库
亲爱的项目经理,我恨你
亲爱的项目经理,我恨你
编程语言是女人
编程语言是女人
程序员必看的十大电影
程序员必看的十大电影
老程序员的下场
老程序员的下场
程序员周末都喜欢做什么?
程序员周末都喜欢做什么?
程序员的一天:一寸光阴一寸金
程序员的一天:一寸光阴一寸金
10个调试和排错的小建议
10个调试和排错的小建议
程序员眼里IE浏览器是什么样的
程序员眼里IE浏览器是什么样的
如何成为一名黑客
如何成为一名黑客
那些争议最大的编程观点
那些争议最大的编程观点
中美印日四国程序员比较
中美印日四国程序员比较
我的丈夫是个程序员
我的丈夫是个程序员
要嫁就嫁程序猿—钱多话少死的早
要嫁就嫁程序猿—钱多话少死的早
程序员和编码员之间的区别
程序员和编码员之间的区别
Java 与 .NET 的平台发展之争
Java 与 .NET 的平台发展之争
什么才是优秀的用户界面设计
什么才是优秀的用户界面设计
团队中“技术大拿”并非越多越好
团队中“技术大拿”并非越多越好
做程序猿的老婆应该注意的一些事情
做程序猿的老婆应该注意的一些事情
十大编程算法助程序员走上高手之路
十大编程算法助程序员走上高手之路
软件开发程序错误异常ExceptionCopyright © 2009-2015 MyException 版权所有