程序博客网 > 淘宝客建立网站

HTML中table带滚动条而标题栏不移动的做法

来源：互联网发布：淘宝客建立网站编辑：程序博客网时间：2024/04/23 22:53

首先申明做法有很多,介绍其中一种.

<html>

<body>

<table width="100%" align="center" border=0>

<tr>

<table width="100%" border=1>

<tr>

<td width="50%">

biaoti1321

</td>

<td width="50%">

biaoti2321321

</td>

<td>

 

</td>

</tr>

</table>

</tr>

<tr>

<td align="center" width="100%">

<div style="overflow-y:auto; width:100%;height:100px">

<table width="100%" border=1>

<tr>

<td>111</td>

<td>111</td>

</tr>

<tr>

<td>111</td>

<td>111</td>

</tr>

<tr>

<td>111</td>

<td>111</td>

</tr>

<tr>

<td>111</td>

<td>111</td>

</tr>

<tr>

<td>111</td>

<td>111</td>

</tr>

<tr>

<td>111</td>

<td>111</td>

</tr>

<tr>

<td>111</td>

<td>111</td>

</tr>

<tr>

<td>111</td>

<td>111</td>

</tr>

<tr>

<td>111</td>

<td>111</td>

</tr>

</table>

</div>

</td>

</tr>

</table>

</body>

</html>

具体思路这个是一个大table，然后表头与结果域各一个table，

表头的标题是N个，那么就需要分N＋1个td，前面N个TD的width总和为100％，最后1个为了给滚动条位置，不然不好与下面table对齐。

下面的结果体table需要包含在div中，设置td的长度与上面td长度要保持一致，这样就可以了。

淘宝客建立网站

淘宝客建立网站

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子木材杀虫多肉杀虫养花杀虫杀虫植物白蚁杀虫剂家用杀虫大蒜杀虫杀虫药物杀虫单价格杀虫杀螨剂声波杀虫蟑螂杀虫剂如何杀虫南瓜子杀虫紫外线杀虫杀虫杀菌剂杀虫的公司杀虫公司杀虫剂喷到床上还能睡吗杀虫剂能杀死蟑螂吗黑旋风杀虫剂杀虫剂多久毒性能散完杀虫剂中毒症状杀虫剂属于什么垃圾黑旋风杀虫剂对人有害吗杀虫剂当水枪杀虫剂杀跳蚤频振式杀虫灯价格请杀虫公司一次多少钱专业杀虫灭鼠公司酒店杀虫公司灭鼠杀虫公司杀虫公司费用标准杀跳蚤的杀虫剂杀虫公司收费标准杀虫灯多少钱一台杀虫公司怎么收费辣椒水可以杀虫吗太阳能杀虫灯厂家除虫菊酯杀虫剂柏松杀虫粉剂