明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺!

css如何固定div或者table在指定位置

[摘要]這次給大家?guī)韈ss怎樣固定div或者table在指定位置,用css固定div或者table在指定位置的注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來看一下。.bottomTable{ background-color: rgb(249,249,249); z-index:99999999;...
這次給大家?guī)韈ss怎樣固定div或者table在指定位置,用css固定div或者table在指定位置的注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來看一下。

.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:設(shè)置層處于最頂層。

2、position:fixed;設(shè)置定位。

3、_top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight-6);通過css綁定js控制層距頂端的高度,

此處是控制層處于底部,具體數(shù)值根據(jù)需求作相應(yīng)的調(diào)整。

4、document.body.scrollTop:body,body標(biāo)簽滾動條滾動的距離,可更換為你其它標(biāo)簽對象(存在滾動條)。

5、document.body.clientHeight,body標(biāo)簽的高度,可更換為你其它標(biāo)簽對象。

6、-6,距具體情況作相應(yīng)改動。

相信看了這些案例你已經(jīng)掌握了方法,更多精彩請關(guān)注php中文網(wǎng)其它相關(guān)文章!

相關(guān)閱讀:

關(guān)于HTML操作滾動條的方法

html如何制作細(xì)線表格

HTML基礎(chǔ)知識,關(guān)于超鏈接設(shè)置的樣式的詳細(xì)介紹

以上就是css怎樣固定div或者table在指定位置的詳細(xì)內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。