這次帶給大家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中文網其它相關文章!
相關閱讀:
以上是css怎樣固定div或table在指定位置的詳細內容。更多資訊請關注PHP中文網其他相關文章!