DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> html css 控制div或者table等固定在指定位置的實現方法
html css 控制div或者table等固定在指定位置的實現方法
編輯:HTML和Xhtml     
CSS Code復制內容到剪貼板
  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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved