position:fixed; top: 0; right: 0; bottom: 0; left: 0;是什么意思?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

position:fixed; top: 0; right: 0; bottom: 0; left: 0;是什么意思?

a123456678 2016-03-26 15:10:58 3649

在ratchet.css中看到body选择器中有

position:fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
没看懂这是什么意思。
1、不是说top和bottom只能设一个值吗?
2、不是说top是用在绝对定位或者相对定位中吗?为什么fixed也可以?
3、不是说定位是基于有position的父元素吗,但我看html标签没有写position啊?
4、这段css能实现什么效果?

前端开发
分享到
取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:16:17

    这样写的目的是让这个层充满整个屏幕,在写弹窗效果时经常会这样用,但这个题目中是给body设置的,目的是使body充满屏幕,不让body滚动。

    top和bottom可以同时设置的
    fixed和absolute是近亲,是相对于浏览器的viewport定位,往页面的右下角看,那个二维码就是用的fixed。建议去了解一下。
    还是去了解一下position吧。
    效果是让这个层充满整个屏幕。
    类似的posotion的值还有sticky

    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程