固定定位是相对于浏览器的，固定定位的元素不会随着滚动条的滚动而移动，一般应用于网站的顶部导航或网站的回到顶部按钮等。
请看以下代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CSS定位模式之固定定位 position:fixed</title>
</head>
<style>
.box{
width:300px;
height:200px;
background:#abcdef;
/* 固定定位 */
position:fixed;
top:50%;
left:50%;
margin-left:-150px;
margin-top:-100px;
}
</style>
<body>
<div style="width:20px;">
东临碣石，以观沧海。水何澹澹，山岛竦峙。树木丛生，百草丰茂。秋风萧瑟，洪波涌起。日月之行，若出其中；星汉灿烂，若出其里。幸甚至哉！
</div>
<div class="box"></div>
</body>
</html>
显示结果如下：
当移动滚动条时，中的色块始终保持不变，大家可以把代码复制出去测试一下。
|
窥视卡
雷达卡
发表于 2023-2-1 16:52:39
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
发表于 2023-2-22 18:06:00
