栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Html/CSS > CSS教程

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

CSS教程 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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网页设计有所帮助。

    转载请注明:文章转载自 www.mshxw.com
    本文地址:https://www.mshxw.com/it/216395.html
    我们一直用心在做
    关于我们 文章归档 网站地图 联系我们

    版权所有 (c)2021-2022 MSHXW.COM

    ICP备案号:晋ICP备2021003244-6号