<style>
.w {
width: 800px;
height: 1400px;
margin: 0 auto;
background-color: rgba(0,0,0,0.2);
}
.fixed {
position: fixed;
width: 50px;
height: 50px;
left: 50%;
margin-left: 400px;
background-color: red;
}
</style>
</head>
<body>
<!-- fixed和w的位置不能调换，否则小盒子会消失 -->
<!-- 我也不知道为什么 -->
<div class="fixed"></div>
<div class="w"></div>
</body>
在html中，为什么.fixed元素必须在.w元素前面，.fixed元素才会显示。调换两个元素的前后位置，让.fixed在.w的后面，.fixed元素就不显示了
