html全球定位效果,CSS实现模拟position的fixed页面定位效果

本文实例讲述了CSS实现模拟position的fixed页面定位效果的方法。分享给大家供大家参考。具体实现方法如下：

复制代码代码如下:

模拟position:fixed

* { padding:0; margin:0;}

body { height:100%; overflow:hidden; font-size:14px; line-height:2; position:relative;}

html { height:100%; overflow:hidden;}

.fixed { position:absolute; top:10px; left:10px; width:200px; height:350px; background:#fc0; border:1px solid #f60;}

.wrapper { height:100%; overflow:auto;}

.body { padding-top:10px; margin-left:232px;}

左边无论怎么滚动这个窗口它都不会动的

显示内容1显示内容1显示内容1显示内容1 显示内容2显示内容2显示内容2 显示内容3显示内容3显示内容3 显示内容4显示内容4显示内容4 显示内容5显示内容5显示内容5 显示内容6显示内容6 显示内容7显示内容7显示内容7 显示内容8显示内容8显示内容8 显示内容9显示内容9显示内容 显示内容10显示内容10 显示内容11显示内容11 显示内容12显示内容12 显示内容13显示内容13 显示内容14显示内容14 显示内容15显示内容15 显示内容16显示内容16 显示内容17显示内容17 显示内容18显示内容18 显示内容19显示内容19 显示内容20显示内容20 显示内容21显示内容21 显示内容22显示内容22

脚本之家 https://www.jb51.net/

希望本文所述对大家的css+div网页设计有所帮助。