滚动条首列不滚动的实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>滚动条</title>

</head>

<body>

滚动:

<div style="width: 200px;overflow: scroll;">

<div>

<div style="position:absolute; width: 100px;"> 

<table border="1px" style="background: white;">

<tr>

<td width="50px" align="center">地区</td>

</tr>

<tr>

<td width="50px" align="center">北京市</td>

</tr>

<tr>

<td width="50px" align="center">天津市</td>

</tr>

</table>

</div>

<div style="text-indent: 100px;">

<table style="width: 400px;" border="1px">

<tr>

<td  align="center">人口</td><td  align="center">人均收入</td>

</tr>

<tr>

<td  align="center">2000万</td><td  align="center">10万</td>

</tr>

<tr>

<td  align="center">2000万</td><td  align="center">10万</td>

</tr>

</table>

<br />

<br />

<br />

</div>

</div>

</div>

</body>

</html>

你可能感兴趣的:(滚动条首列不滚动的实现)