首页前端开发HTMLhtml css 控制div或者table等固定在指定位置的实现方法

html css 控制div或者table等固定在指定位置的实现方法

时间2024-01-27 13:36:02发布访客分类HTML浏览266
导读:收集整理的这篇文章主要介绍了html css 控制div或者table等固定在指定位置的实现方法,觉得挺不错的,现在分享给大家,也给大家做个参考。 CSS Code复制内容到剪贴板 .bottomtable{ ...
收集整理的这篇文章主要介绍了html css 控制div或者table等固定在指定位置的实现方法,觉得挺不错的,现在分享给大家,也给大家做个参考。 CSS Code复制内容到剪贴板
  1. .bottomtable{     
  2. background-colorrgb(249,249,249);     
  3. z-index:99999999;  posITion:fixed;  bottombottom:0;  left:0;  width:100%;  _position:absolute;  /* for IE6 */  
  4. /* _top: exPression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight);     */  
  5. _top: exPRession(document.body.scrollTop+document.body.clientHeight-this.offsetHeight-6);  /* for IE6 */  
  6. overflow:visible;   
  7.  }   

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,距具体情况作相应改动。

以上这篇htML css 控制div或者table等固定在指定位置的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

原文地址:http://www.cnblogs.com/skycsdn/archive/2016/06/13/5580009.html

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

div

若转载请注明出处: html css 控制div或者table等固定在指定位置的实现方法
本文地址: https://pptw.com/jishu/588268.html
举例讲解HTML中iframe和frame的区别 HTML学习笔记--HTML的语法详解(必看)

游客 回复需填写必要信息