日期:2014-05-17  浏览次数:20663 次

请教一个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,各位大神有办法帮小弟解决下么,小弟打这么多字不容易呀。

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