首頁  >  文章  >  web前端  >  css怎樣固定div或table在指定位置

css怎樣固定div或table在指定位置

php中世界最好的语言
php中世界最好的语言原創
2018-01-23 09:33:183462瀏覽

這次帶給大家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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn