zoukankan      html  css  js  c++  java
  • 模拟position:fixed效果

    大家都知道fixed定位相对于浏览器窗口,下面就介绍一种不用fixed也能实现其效果的定位方法,就那点css代码,这里就直接呼上来:

    <!DOCTYPE html>
    <html>
    <head>
    <title>模拟fixed定位</title>
    <style type="text/css">
    html{
        height:100%;
        overflow:hidden;
    }
    body{
        height:100%;
        overflow:auto;
    }
    .box { 
        position:absolute;
        top:100px;
        left:300px;
        width:260px;
        background: red;
        text-align: center;
    }
    </style>
    </head>
    <body>
    <div class="box">虽然没用fixed,但依然固定不变</div>
    
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    </body>
    </html>
  • 相关阅读:
    Gym
    博客搬家
    UVA
    UVA
    UVA
    UVA
    UVA
    UVA1589——xiangqi
    SDUSToj第十一次作业源代码格式问题
    【成长之路】【python】python基础3
  • 原文地址:https://www.cnblogs.com/chayangge/p/4304544.html
Copyright © 2011-2022 走看看