如何讓固定定位定位到頁面的右中部分

當咱們瀏覽網頁的時候，每每會看到頁面裏面會存在固定定位的存在。咱們知道固定定位是脫離文檔流的，能夠設置位置到任何一個位置上。經常使用的位置是咱們要把它放到左中間，或者右中間

 

像這種的。是如何實現的呢？

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%的位置，而後再減去盒子一半的高度就能夠了。