首页 > web前端 > html教程 > css怎样固定div或者table在指定位置

css怎样固定div或者table在指定位置

php中世界最好的语言
发布: 2018-01-23 09:33:18
原创
3484 人浏览过

这次给大家带来css怎样固定div或者table在指定位置,用css固定div或者table在指定位置的注意事项有哪些,下面就是实战案例,一起来看一下。

.bottomTable{    
background-color: rgb(249,249,249);    
z-index:99999999; position:fixed; bottombottom:0; left:0; width:100%; _position:absolute; /* for IE6 */  
/* _top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight);    */  
_top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight-6); /* for IE6 */  
overflow:visible;   
 }
登录后复制

1、z-index:设置层处于最顶层。

2、position:fixed;设置定位。

3、_top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight-6);通过css绑定js控制层距顶端的高度,

此处是控制层处于底部,具体数值根据需求作相应的调整。

4、document.body.scrollTop:body,body标签滚动条滚动的距离,可更换为你其它标签对象(存在滚动条)。

5、document.body.clientHeight,body标签的高度,可更换为你其它标签对象。

6、-6,距具体情况作相应改动。

相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

相关阅读:

关于HTML操作滚动条的方法

html如何制作细线表格

HTML基础知识,关于超链接设置的样式的详细介绍

以上是css怎样固定div或者table在指定位置的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板