Rumah > hujung hadapan web > html tutorial > css怎样固定div或者table在指定位置

css怎样固定div或者table在指定位置

php中世界最好的语言
Lepaskan: 2018-01-23 09:33:18
asal
3515 orang telah melayarinya

这次给大家带来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;   
 }
Salin selepas log masuk

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基础知识,关于超链接设置的样式的详细介绍

Atas ialah kandungan terperinci css怎样固定div或者table在指定位置. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan