为什么红色区块和蓝色区块同时设置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 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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