Html
    Css
    Js

    
                        
.clr {
	clear:both;
}
.con {
	height:800px;
	width:100%;
}
/*占位符*/
.pd10 {
	padding:10px;
	position:relative;
}
/*table样式*/
.table {
	margin-top:50px;
	background-color:#f0f0f0;
	border-collapse:collapse;
}
.table thead {
	height:50px;
}
.table tr td,.table tr th {
	padding:20px;
	text-align:center;
	border:1px solid #000;
}
/*搜索样式*/
#header {
	width:100%;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	text-align:center;
}
.nav {
	width:500px;
	background:#fff;
	margin:20px auto 0;
	border:solid 1px #ccc;
	zoom:1;
	border-radius:5px;
	box-shadow:0 1px 6px rgba(0,0,0,0.1);
	color:#D74452;
}
.nav:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.nav ul li {
	float:left;
	margin:0 20px;
	height:30px;
	line-height:30px;
}
.nav ul li a {
	cursor:pointer;
}
.nav ul li a:hover {
	text-decoration:underline;
}
.nav_scroll {
	position:fixed;
	width:100%;
	margin:0;
	left:0;
	top:0;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.8.3
 立即下载

table标题固定

注:为了保证'table th' 与 'td '对其,所以复制一份table放在‘<div id="table_title" style="display: none;"></div>’里,然后获取表头高度赋给‘#table_title’,同时使用‘overflow:hidden’隐藏多出来的table其余部分;

0