如何让固定定位定位到页面的右中部分

当我们浏览网页的时候，往往会看到页面里面会存在固定定位的存在。我们知道固定定位是脱离文档流的，可以设置位置到任何一个位置上。常用的位置是我们要把它放到左中间，或者右中间

 

像这种的。是如何实现的呢？

html代码：

  <div class="rcenter"></div>

css代码：

.rcenter{
width: 50px;
height:200px;
background:red;
border-radius:10px;
position: fixed;
left:0;
top:50%;
margin-top: -100px;
}

 

 

重点就是这块。位置上的固定，先把盒子定位到离页面的50%的位置，然后再减去盒子一半的高度就可以了。