• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > html css 控制div或者table等固定在指定位置的实现方法

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

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含div,css,table等相关知识,佚名 希望在学习及工作中可以帮助到您
  1. .bottomTable{    
  2. background-color: rgb(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

您可能想查找下面的文章:

  • div宽度设置width:100%后再设置padding或margin超出父元素的解决办法
  • 向div元素添加圆角边框的实现方法
  • 关于div中img,span垂直居中的问题
  • html css 控制div或者table等固定在指定位置的实现方法
  • 用DIV遮罩解决鼠标直接勾选checkbox无效的问题
  • 顶部固定div可设置半透明效果
  • div嵌套html不用iframe
  • div容器自增长后其内的背景色或图片随之增长
  • div与span之间有什么区别
  • div可以输入内容不用input作为输入框屏蔽自动的input样式

相关文章

  • 2017-08-05HTML 提高页面加载速度的方法
  • 2017-08-05一个不错的html 打印代码支持翻页
  • 2017-08-05详解HTML的style标签以及相关的CSS引用
  • 2017-08-05HTML实现简单计算器附详细思路
  • 2017-08-05通过display或visibility来实现HTML元素的显示与隐藏
  • 2017-08-05HTML相对路径(Relative Path)和绝对路径(Absolute Path)深入理解
  • 2017-08-05WEB标准 网页页面结构
  • 2017-08-05表单Form元素的一些简单实现代码以注册为例
  • 2017-08-05不可不知的HTML优化技巧
  • 2017-08-05form 在上传文件时用enctype字段有什么用处

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 制作主流邮箱能正常显示的HTML邮件的技巧
    • HTML 代码编写的30条技巧
    • 简单html以及css的用法详解
    • html,xhtml,xml的区别介绍
    • 举例讲解HTML中META标签的一些使用技巧
    • meta标签中的viewport控制设备屏幕css
    • HTML相对路径(Relative Path)和绝对路径(Absolute Path)深入理解
    • Table相关整理及Javascript操作table,tr,td
    • 用jquery进行修复在iframe下的页面锚点失效问题
    • HTML中iFrame标签的两个用法介绍

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有