您的位置:首页 > 其它

position:fixed 相对父元素定位

2018-07-05 15:35 281 查看

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;
}
}

大致就是这么个意思,按照自己的理解来吧
阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐