position记录

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

 

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

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

相关文章
相关标签/搜索