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;
}
}
大致就是这么个意思,按照自己的理解来吧