1、表格的一列设置足够的宽度
2、表格放到div里，div设置你需要的宽度，且设置overflow:hidden属性，表示超出了就用滚动条
上一个例子
<html xmlns="<head>
<title>TEST</title>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<style type="text/css">
#table_content{margin:50pxpadding:20pxwidth:800pxmin-height:200pxoverflow:scrollborder:1px solid #ccc}
table{width:3755px}
th,td{width:200pxborder:1px solid #ccc}
th{background:#ccc}
</style>
</head>
<body>
<div id="table_content">
<table>
<tr>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
</tr>
<tr>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<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>
</body>
</html>
简单效果
这种固定导航的效果，很多电商例如淘宝，都会有。我说说他们的实现方法。
一，js算scroll的高度，就是滚动条滚了多高。
二，算悬浮的导航距离顶部的高度。
三，window的时候，对比这两个高度，如果一大于二，那么导航加个fixed。（IE7以上都有效）
然后用js处理下IE6就行。
建议去搜下相关js代码，我一般都用jQuery写。
你想要的table的头部也是一个道理，但是thead没办法fixed吧？
所以弄2个table吧，1个table放头部内容，1个table放具体内容。
另外，expression慎用，消耗浏览器资源不是一点两点。
table,tr,td .mytab1我没看错的话，分割 tabletr td 之间的是 逗号，这代表对
table /tr/ td .mytab1 这3项设置
所以对 border:none，就会设置在 所有 table 与 tr 上。
建议另起一个设置，直接对 .mytab1 进行设置。
