AI 助理
备案控制台
开发者社区 问答 正文

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

在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能实现什么效果？

展开
收起
a123456678 2016-03-26 15:10:58 7569 分享 版权

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

1 条回答
写回答
取消 提交回答
  • a123456678

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

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

    2019-07-17 19:16:17
    赞同 展开评论
问答分类：
前端开发
问答地址：
开发者社区 > 开发与运维 > 问答
相关问答
请问下 我访问接口不通 什么原因 Provisional headers are shown
3221
0
0
购买阿里国外的云服务器是否可以访问谷歌？
82761
47
0
sql server的用户名和密码怎么查啊？
37008
21
0
域名在腾讯云备案成功，解析到阿里云服务器，提示仍需备案？
60552
30
0
通过www和不带www的网址输入最终都指向www.我的域名.com，求指教
132226
28
0
this xml file does not appear to have any style in
51146
10
0
OSS的endpoint如何查看
37194
6
0
配置了安全组规则，端口还是无法访问
33093
25
0
域名在阿里买的，服务器在百度买的，域名备案在百度云也通过备案了，现在怎么将阿里云的域名解析到百度
3267
1
0
重启Docker后报错：Error response from daemon
1950
0
0