css表头固定样式的方法
发布时间：2015-01-16 11:18:38 作者：佚名 
我要评论
我要评论这篇文章主要为大家介绍了css表头固定样式的方法,涉及样式的相关操作技巧,需要的朋友可以参考下
本文实例讲述了css表头固定样式的方法。分享给大家供大家参考。
具体实现方法如下：
复制代码
代码如下:<style type="text/css">
/*表头样式*/
.scll {
position: relative;
top: expression(this.offsetParent.scrollTop);
//background: url(../img/tab_15.gif) repeat-x left;
background-color: #BCF4EC;
text-align: center;
vertical-align: middle;
text-indent: 5px;
}
/*div样式*/
.h_500 {
width: 100%;
overflow: auto;
height: 80%;/**根据具体的屏幕分辨率调整*/
border: 0px;
}
/*细线表格*/
.TABLE {
margin-top: 0px;
margin-bottom: 3px;
margin-bottom: 3px;
border-top: 0px;
border-bottom: 1px solid silver;
}
</style>
希望本文所述对大家的css样式设计有所帮助。
相关文章
- 一次性将数据全部显示出来，页面就会出现滚动条，这样的话就不能同时看到表头信息和表格底部的数据记录,把表头固定可以解决此问题2012-12-13
CSS教程,CSS固定表头的HTML表格-CSS教程-网页制作-网页教学网
用CSS实现的固定表头的HTML表格。 曾经在项目中实现过一个固定表头的HTML表格，但使用了非常臃肿的代码，因为实际上是画了三个一样的表格。一个纯粹用HTML和CSS实2008-10-17css 固定表头 拖动滚动条时对应表头所对应的列 ie6测试通过
项目中设计的报表table设计的列数相对过多，当拖动下方的滚动条时无法对应表头所对应的列,在ie6中已测试通过,需要的朋友可以参考下2012-12-13- 表头冻结想必大家已知道是什么样的效果了吧，在某些场合还是比较实用的，在本文主要为大家介绍下使用css如何实现表头冻结，感兴趣的朋友可以了解下2013-09-06
- 固定表头的方法有很多，使用word的朋友都知道，在Word中可以实现这个，其实不然，使用css也可以解决这个问题，下面有个不错的示例，大家可以参考下2014-02-13
- position属性取值为fixed时，则元素的位置将不受滚动条的影响，而是直接依据窗口定位，这就是将表头固定的最直接方法，下面有个不错的示例，大家可以学习下2014-02-21
最新评论