css静态定位的意义是什么？
来源：2-1 JS的书写位置
刘宇阳
2020-12-31 07:06:51
css静态定位的意义是什么？我有强迫症，其他定位各有用处，但是静态定位既然没用那为什么会有这个定位，既然有，那就一定有用处，能不能老师你告诉我
写回答
1回答
-
同学你好，元素设置静态定位static后，就相当于没有定位，因此可以用来去除元素的定位属性。比如有如下需求：
页面头部是固定定位的，2s后，想让头部不再是固定定位，那么就可以将其设置成static，如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> * { margin: 0; padding: 0; } div { position: fixed; width: 100%; height: 100px; background: red; } </style> </head> <body> <div id="test"></div> <h1>111111</h1> </body> <script> var test = document.getElementById("test") setTimeout(function() { test.style.position = "static" }, 2000) </script> </html>这个例子中，使用了js，同学还没有学，看下效果即可。
等学了js后，再回头看例子中的代码即可。
祝学习愉快！
0
相似问题