首页前端开发CSSCSS实现模拟position的fixed页面定位效果

CSS实现模拟position的fixed页面定位效果

时间2024-05-23 22:00:03发布访客分类CSS浏览94
导读:本文实例讲述了CSS实现模拟position的fixed页面定位效果的方法。分享给大家供大家参考。具体实现方法如下: 复制代码 代码如下: 模拟position:fixed * { padding:0; margin:0;}...

本文实例讲述了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; }


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


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


声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: CSS实现模拟position的fixed页面定位效果
本文地址: https://pptw.com/jishu/666593.html
openSUSE中如何安装和使用图形化用户界面 CSS实现鼠标悬停提示的方法

游客 回复需填写必要信息