4回答

• 

  月饮空城

  2019-01-04 12:04:11

  已采纳

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

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

  1 9

  linabc...

  还是好复杂啊，如果有个图演示下就好了

  2019-03-08 23:40:18

  共 1 条回复 >

• 

  Silent_Walke

  2019-03-17 16:23:42

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

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

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

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

  可以试试
  

  1 0

  Silent...

  还是有一点点小区别，用absolute不会留空

  2019-03-17 16:28:21

  共 1 条回复 >

• 

  mijac

  2019-01-25 21:52:13

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

  0 2
• 

  Ray丶Kwok

  2019-01-14 14:27:57

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

  0 0