H5 学习笔记（一、关于position定位）

主要是relative与absolute的用法：

1.relative 依据left right top bottom 等属性在正常文档流中脱离位置，即相对于他的正常文档流位置进行移动。两个都为relative的div之间可以使用z-index。

  若有父元素则relative定位的层总是相对其最近的父元素，无论其父元素是何种定位。

2.absolute脱离文档流，若无父元素则相对body的左上角进行定位，若有父元素则相对于最近的定位为relative或absolute父元素，这里的父元素不一定是他的直接父层。可以使用z-index。

3.absolute与relative组合使用（子元素相对于父元素移动）：

参照定位的元素：position：relative (父)  

定位元素：position：absolute  （子）

 

转载于:https://www.cnblogs.com/lmy2016/p/5710901.html