首頁 > web前端 > html教學 > css怎樣固定div或table在指定位置

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

php中世界最好的语言
發布: 2018-01-23 09:33:18
原創
3489 人瀏覽過

這次帶給大家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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板