HTML布局relative和absolute

今天碰到关于html布局的问题。html布局主要分清absolute绝对布局和relative相对布局。

relative相对布局是相对于自身原来所在的位置进行偏移，relative的原来位置会被空出来。也就是说他没有脱离文档流，所以它本来的位置还存在，占据了一定的空间。

absolute绝对布局是相对于position:relative进行定位,如果父级找不到relative,就会继续往上找,最后以body进行定位。绝对布局已经和其他盒子无关，也就是说如果他的父级是body，他的定位可能会覆盖其他的div，那么这是就会通过一个属性z-index来确实哪个显示在上面。