开发者社区> 问答> 正文

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 7124 0
1 条回答
写回答
取消 提交回答
  • 这样写的目的是让这个层充满整个屏幕,在写弹窗效果时经常会这样用,但这个题目中是给body设置的,目的是使body充满屏幕,不让body滚动。

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

    2019-07-17 19:16:17
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
Top 5 mistakes when wriiting a 立即下载
Transforming the data center 立即下载
低代码开发师(初级)实战教程 立即下载