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; } }
大致就是这么个意思,按照自己的理解来吧
阅读更多
相关文章推荐
- position:fixed相对父级元素定位而不是浏览器
- position的值, relative和absolute分别是相对于谁进行定位的? absolute :生成绝对定位的元素, 相对于最近一级的 定位不是 static 的父元素来进行定位。 fi
- CSS中position的absolute如何相对于父元素的位置进行定位
- 【CSS3】---层模型position之fixed固定定位、absolute绝对定位和relative相对定位
- 打开input输入的时候,css中position:absolute/fixed定位的时候,定位元素上移问题解决
- CSS中position的absolute如何相对于父元素的位置进行定位
- CSS中position的absolute如何相对于父元素的位置进行定位
- position:absolute相对哪个元素定位
- CSS中position的absolute如何相对于父元素的位置进行定位
- 元素position设置为fixed而未指定top、bottom、left、right时的定位
- position属性之相对父元素定位
- 【CSS3】---层模型position之fixed固定定位、absolute绝对定位和relative相对定位
- position:fixed的元素定位到滚动区域,会被覆盖
- css基础 绝对定位 position:absolute 相对于document元素进行定位 (无定位的祖先元素)
- css基础 绝对定位 position:absolute 相对于document元素进行定位 (无定位的祖先元素)
- 内容中的 position : fixed 竟然没相对窗口来定位
- z-index属性适用于定位元素(position 属性值为 relative 或 absolute 或 fixed的对象)
- html 元素定位position-relative, absolute, fixed, static
- css基础 绝对定位 position:absolute 相对于定位的祖先元素进行定位
- 【CSS3】---层模型position之fixed固定定位、absolute绝对定位和relative相对定位