用绝对定位模拟固定定位（解决固定定位再ie上不兼容问题）

最新推荐文章于 2023-09-05 09:30:07 发布

wyflzq

最新推荐文章于 2023-09-05 09:30:07 发布

阅读量1.6k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/wyflzq/article/details/81161078

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <style type="text/css">
           /**{
               margin: 0;
               padding: 0;
           }
           html{
               overflow: hidden;
               height: 100%;
           }

           body{
               overflow: auto;
               height: 100%;
           }

           #test{
               position: absolute;
               left: 50px;
               top: 50px;
               width: 100px;
               height: 100px;
               background: pink;
           }*/
           *{
               margin: 0;
               padding: 0;
           }
           html{
               height: 100%;
               overflow :auto;
           }
           body{
               height: 100%;
               overflow: auto;
           }
           #test{
               position: absolute;
               left: 50px;
               top:50px;
               width: 100px;
               height: 100px;
               background: pink;
           }
       </style>
   </head>
   <body>
       <div id="test">

       </div>
       <div style="height: 1000px;">
           csjkahcjk <br />
           csjkahcjk <br />
           csjkahcjk <br />
           csjkahcjk <br />
           csjkahcjk <br />
           csjkahcjk <br />
           csjkahcjk <br />
           csjkahcjk <br />
       </div>
   </body>
</html>

wyflzq

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用绝对定位模拟固定定位（解决固定定位再ie上不兼容问题）

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt; /**{
复制链接

扫一扫