position记录

1.  relative(相对定位):生成相对定位的元素,通过top,bottom,left,right的设置相对于其正常(原先本身)位置进行定位。可通过z-index进行层次分级。均是以父级的左上角进行定位,但是父级的Padding属性会对其影响。

2. absolute(绝对定位):生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。可通过z-index进行层次分级。但与relative的区别是其在正常流中的位置不再存在。absolute定位的层总是相对于其最近的定义为absolute或relative的父层,而这个父层并不一定是其直接 父层。如果其父层中都未定义absolute或relative,则其将相对body进行定位

定位属性为absolute的元素定位于其父级元素内,只有满足两个条件: 
  第一:设定TRBL 
  第二:父级设定Position属性 
  

原文地址:https://www.cnblogs.com/jack-liu6/p/9667382.html