如何让固定定位定位到页面的右中部分
当我们浏览网页的时候,往往会看到页面里面会存在固定定位的存在。我们知道固定定位是脱离文档流的,可以设置位置到任何一个位置上。常用的位置是我们要把它放到左中间,或者右中间
像这种的。是如何实现的呢?
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%的位置,然后再减去盒子一半的高度就可以了。