position：fixed 相对父元素定位

position：fixed默认相对于浏览器进行定位，但是某些时候需要相对于父元素进行定位，例如在不同宽度下相对于某一位置固定定位。

<div class="content">
    <div class="parent">
        <button class=“backTopBtn”>返回顶部</button>
    </div>    
 </div>

css：

.content{
      max-width:682px;
 }
.backTopBtn{
    display:none;
    position:fixed;
    bottom:50px;
    right:8px; 
    color:#222;
}
@media only screen and (min-width:682px) { 
   /* 返回顶部按钮 */ 
   .backTopBtn{
        right:auto !important;
        margin-left:600px; 
   }
} 

大致就是这么个意思，按照自己的理解来吧