固定定位是元素固定于浏览器可视区的位置。
主要使用场景:可以在浏览器页面滚动元素时元素的位置不会改变
语法:
选择器{
position:fixed;
}
固定定位特点:
1、以浏览器的可视窗口作为参考点移动元素
2、和父元素没有关系
3、不随滚动条的滚动而变化
4、不占有固定位置,浮起来了
<style>
body{
height: 3000px;
}
.dj{
position: fixed;
right: 30px;
top: 100px;
}
</style>
</head>
<body>
<div class="dj">
<img src="../css5定位/images/pvp.png" alt="">
</div>
</body>
运行结果