将内部div固定在外部div的顶部，并在滚动外部div时防止内部div在外部div上溢出
[英]fix inner div at the top of outer div and when scrolling outer div, prevent inner div overflowing on the outer div
问题描述
I have been trying to fix a inner div at the top of an outer div. 
我一直试图在外部div的顶部修复内部div。
1.The inner div should have a wider width than the outer div 1，内部div的宽度应比外部div的宽
2.The outer div is scrollable and inner div should remain at the top of the outer div while scrolling. 2.外部div是可滚动的，内部div在滚动时应保持在外部div的顶部。
My problem is that the inner div longer stays inside the outer div. 我的问题是内部div停留在外部div内的时间更长。
<div id="ScheduleHolder" style="height:100px; width:120px; overflow:scroll">
<div id="2" valign="top" style="float:none; display:block; position:absolute !important; margin:0;">
<table border="1" bgcolor="#99FF00">
<tr>
<th scope="col"> </th>
<th scope="col"> </th>
<th scope="col"> </th>
<th scope="col"> </th>
<th scope="col"> </th>
<th scope="col"> </th>
<th scope="col"> </th>
<th scope="col"> </th>
<th scope="col"> </th>
<th scope="col"> </th>
<th scope="col"> </th>
<th scope="col"> </th>
<th scope="col"> </th>
</tr>
</table>
</div>
<div id="3" style="float:left; display:block;">
<table border="1">
<tr>
<th scope="col"> </th>
<th scope="col"> </th>
<th scope="col"> </th>
<th scope="col"> </th>
<th scope="col"> </th>
<th scope="col"> </th>
<th scope="col"> </th>
<th scope="col"> </th>
<th scope="col"> </th>
<th scope="col"> </th>
<th scope="col"> </th>
<th scope="col"> </th>
<th scope="col"> </th>
</tr>
<tr>
<th scope="row"> </th>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th scope="row"> </th>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th scope="row"> </th>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th scope="row"> </th>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th scope="row"> </th>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th scope="row"> </th>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th scope="row"> </th>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th scope="row"> </th>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th scope="row"> </th>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th scope="row"> </th>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div style="clear:both"></div>
</div>
2 个解决方案
解决方案1
0 2012-04-23 03:43:23
好吧，只需将内部div放在外部div之外，然后将现在是外部div的内部div与外部div对齐，当然，现在内部div和您的内部div将出现在旧的内部div上，但是我们知道这是外面的div。
解决方案2
0 2012-04-23 06:32:04
您想尝试使用DataTables jQuery插件来解决此问题： http : //datatables.net/
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
单击内部div时，外部div隐藏 - Outer div is hiding when clicking on inner div
在滚动外部div时达到内部div结束时通知 - Notify when end of inner div is reached on scrolling outer div
无法获得内部div覆盖外部div - Cannot get an inner div to overlay an outer div
点击内部 div 触发外部 div 事件 - clicking inner div to trigger outer div event
单击内部div也单击外部div - Onclicking an inner div also onclicks the outer div
外部div内容进入内部div - outer div content going inside of inner div
是否可以将内部Div Click绑定到外部Div？ - Is it possible to bind inner Div Click to Outer Div?
如果单击内部div，如何防止来自外部div的click事件 - How to prevent click event from outer div if inner div is clicked
防止内部div触发外部div事件 - Prevent inner div from triggering outer-div events
调整外部div的大小时如何避免内部div溢出？ - How to avoid overflow of inner div when resize the outer div?
相关标签