为什么红色区块和蓝色区块同时设置position:relative时,红色会在蓝色上?

为什么红色区块和蓝色区块同时设置position:relative时,红色会在蓝色上?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

你好同学 , 是说的给蓝色盒子设置position:relative; 而红色盒子不做任何设置吗 ? 因为红色盒子并没有设置定位 ,所以自然层级小于设置定位的蓝色盒子 . 

例如你给红色盒子设置定位不给蓝色盒子设置定位 , 那么红色盒子也会把蓝色盒子盖住的 .

祝学习愉快 ,望采纳 .

好帮手慕夭夭 2019-02-03 13:58:48

你好同学 ,你可以这样理解 ,当html代码中两个元素都设置定位还没有设置z-index的时候 ,后面的会把前面的盒子盖住 。例如在本题中 ,红色盒子在蓝色盒子的后面 ,所以红色的把蓝色盒子盖住了。

http://img1.sycdn.imooc.com//climg/5c5682f10001642e02650049.jpg

祝学习愉快 ,望采纳 。

  • 提问者 慕虎0507412 #1
    那为什么只要蓝色盒子设置了position:relative,蓝色就会盖在红色上?
    2019-02-05 18:56:27
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师