1、html代码如下：
<div class="clscroll corner-header">
<table>
<tr>
<th></th>
</tr>
</table>
</div>
<div class="clscroll column-headers" id="clscroll-column-headers">
<table>
<tr>
<th>Bus</th>
<th>Plane</th>
<th>Boat</th>
<th>Bicycle</th>
</tr>
</table>
</div>
<div class="clscroll row-headers" id="clscroll-row-headers">
这种固定导航的效果，很多电商例如淘宝，都会有。我说说他们的实现方法。
一，js算scroll的高度，就是滚动条滚了多高。
二，算悬浮的导航距离顶部的高度。
三，window的时候，对比这两个高度，如果一大于二，那么导航加个fixed。（IE7以上都有效）
然后用js处理下IE6就行。
建议去搜下相关js代码，我一般都用jQuery写。
你想要的table的头部也是一个道理，但是thead没办法fixed吧？
所以弄2个table吧，1个table放头部内容，1个table放具体内容。
另外，expression慎用，消耗浏览器资源不是一点两点。
很简单的啊。我直接写在页面了哦，class id 属性什么的你自己写了。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>iframe</title>
</head>
<body style="margin:0padding:0">
<div style="height:100px">头部div</div>
<iframe style="height:600pxwidth:100%">
</iframe>
<div style="height:100px">底部div</div>
</body>
</html>
