`

带滚动条的DIV

    博客分类：
  • html
 
阅读更多 
<html>

<title>
</title>

<body>
<div style="height:300px; overflow-y:scroll; overflow-x:scroll;">
	<table width="100%" border="1px" cellspacing="0px" style="border-collapse:collapse">
		<thead>
			<tr>
				<td style="background:blue" width="10%">AAA</td>
				<td style="background:blue" width="20%">BBB</td>
				<td style="background:blue" width="50%">CCC</td>
				<td style="background:blue" width="10%">DDD</td>
				<td style="background:blue" width="">DDD</td>
			</tr>
		</thead>
		
		<tbody>
			<tr>
				<td>AAA</td>
				<td>BBB</td>
				<td>CCC</td>
				<td>DDD</td>
				<td>DDD</td>
			</tr>
			<tr>
				<td>AAA</td>
				<td>BBB</td>
				<td>CCC</td>
				<td>DDD</td>
				<td>DDD</td>
			</tr>
			<tr>
				<td>AAA</td>
				<td>BBB</td>
				<td>CCC</td>
				<td>DDD</td>
				<td>DDD</td>
			</tr>
			<tr>
				<td>AAA</td>
				<td>BBB</td>
				<td>CCC</td>
				<td>DDD</td>
				<td>DDD</td>
			</tr>
			<tr>
				<td>AAA</td>
				<td>BBB</td>
				<td>CCC</td>
				<td>DDD</td>
				<td>DDD</td>
			</tr>
			<tr>
				<td>AAA</td>
				<td>BBB</td>
				<td>CCC</td>
				<td>DDD</td>
				<td>DDD</td>
			</tr>
			<tr>
				<td>AAA</td>
				<td>BBB</td>
				<td>CCC</td>
				<td>DDD</td>
				<td>DDD</td>
			</tr>
			<tr>
				<td>AAA</td>
				<td>BBB</td>
				<td>CCC</td>
				<td>DDD</td>
				<td>DDD</td>
			</tr>
			<tr>
				<td>AAA</td>
				<td>BBB</td>
				<td>CCC</td>
				<td>DDD</td>
				<td>DDD</td>
			</tr>
			<tr>
				<td>AAA</td>
				<td>BBB</td>
				<td>CCC</td>
				<td>DDD</td>
				<td>DDD</td>
			</tr>
			<tr>
				<td>AAA</td>
				<td>BBB</td>
				<td>CCC</td>
				<td>DDD</td>
				<td>DDD</td>
			</tr>
			<tr>
				<td>AAA</td>
				<td>BBB</td>
				<td>CCC</td>
				<td>DDD</td>
				<td>DDD</td>
			</tr>
			<tr>
				<td>AAA</td>
				<td>BBB</td>
				<td>CCC</td>
				<td>DDD</td>
				<td>DDD</td>
			</tr>
		</tbody>
	</table>
<div>

</body>
</html>
分享到：
| web.xml配置错误页面跳转
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics