相对定位和绝对定位

1、relative：相对于原来位置移动，元素设置此属性之后仍然处在文档流中，不影响其他元素的布局，元素的宽高不变，设置偏移量也不会影响其他元素的位置。

 

2.absolute：设置了absolute的元素脱了了文档流，元素在没有设置宽度的情况下，宽度由元素里面的内容决定。

父元素如果没有定位，子元素定位了，则子元素相对html定位；

父元素如果定位了，子元素也定位了，元素会相对于离自己最近的设置了相对或绝对定位的父元素进行定位。

如果想要实现一个盒子覆盖另外一个盒子，上面的盒子可以用z-index：9999来覆盖下面的盒子。

参考链接：CSS position 相对定位和绝对定位 | 菜鸟教程