当我们浏览网页的时候，往往会看到页面里面会存在固定定位的存在。我们知道固定定位是脱离文档流的，可以设置位置到任何一个位置上。常用的位置是我们要把它放到左中间，或者右中间
像这种的。是如何实现的呢？
html代码：
<div class="rcenter"></div>
css代码：
.rcenter{
50px;
height:200px;
background:red;
border-radius:10px;
position: fixed;
left:0;
top:50%;
margin-top: -100px;
}
重点就是这块。位置上的固定，先把盒子定位到离页面的50%的位置，然后再减去盒子一半的高度就可以了。