为了账号安全,请及时绑定邮箱和手机立即绑定

正在回答

4 回答

可以这么理解,假设有两个元素<div1>和<div2>,如果想要<div2>相对于<div1>的位置是固定不变的,可以给<div1>一个Relative定位,给<div2>一个Absolute定位,(注意,<div1>应是<div2>的父辈元素,否则定位会出错。)

此时,可以把给了Relative定位的<div1>抽象为浏览器窗口,<div2>的位置就是相对这个“浏览器”固定的

9 回复 有任何疑惑可以回复我~
#1

linabc123

还是好复杂啊,如果有个图演示下就好了
2019-03-08 回复 有任何疑惑可以回复我~

相对定位relative只是给父元素一个定位属性,之后,子元素就可以相对父元素进行定位;

然后absolute就是相对于父元素进行移动。这里拓展一下,子元素不一定使用absolute,用relative也是可以的。

Relative与Relative组合使用也可以达到相同的效果

第一种:
#box4{    
        position:relative; 	
        left:0px;		
        top:-50px;
       }
第二种:
#box4{    
        position:absolute; 	
        left:0px;		
        bottom:0px;
       }

可以试试

0 回复 有任何疑惑可以回复我~
#1

Silent_Walke

还是有一点点小区别,用absolute不会留空
2019-03-17 回复 有任何疑惑可以回复我~

第一条说的很对。关键就在于absolute定位。前面的课有讲到,定位是相对于其最接近的一个具有定位属性的父包含块进行绝对定位。没有的话才是相对于浏览器。所以就是给父元素一种定位,然后子元素就可以利用绝对定位的方法来相对于父元素来定位了。

2 回复 有任何疑惑可以回复我~

相对定位和绝对定位都是相对于父元素做出的空间位置偏移,相对定位不会脱离文档流,绝对定位会脱离文档流

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1226075    人
  • 解答问题       18236    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

这节没看懂

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信