使用relative之后，层级最高，之前创建的元素也会在最上面。

虽然是相对于static意外的定位，那只是在使用top、left....的时候，img虽然是绝对定位，但它本身具有跟随性的，具体的可以看下css深入理解的absolute篇

代码给我看

原因老师上课讲了这是为了减小relative层级的影响；你的疑问是没错的，子元素top、right、bottom和left设置不得当绝对会跑出去，因为此时的relative是加在了文档上（你可以理解为body或html里的position为relative）；但是如果你觉得这种元素超过父元素的界限范围是一种不能忍受的后果（这种超过改动起来仅仅重新计算一下到文档的距离即可，虽然相比于relative-absolute计算距离麻烦了点）你也可以使用relative-absolute，但是你必须得承受relative-absolute带来的层级覆盖的麻烦，老师的pig-head例子中由于元素过少还看不出来，假如那个例子中加了许多元素在他们的父元素里，而父元素是你想要的relative，然后absolute定位pig-head，则会出现层级覆盖这种严重影响感官的问题出现，会出现你想看的被你不想看的元素给遮盖或半遮半掩住了；那么我问你：“你要选择不加relative重新计算pig-head距离简单还是加了relative出现许多层叠bug一一修改简单？”；以上仅仅是个人理解如有问题，欢迎指出

absolute定位如果父级元素没有relative的话会相对body定位，最小化其实就是将要定位的元素缩小范围，单独定位。

干你就只干你 跟其他区无关

第二段代码中的left设为百分之50的话应该是没有算进去想要居中物体本身的宽度的吧

定位的元素需要是父级元素的第一个子元素，这样才可以定位到父元素左上角

分散在不同的地方是通过设置left/right top/bottom属性

想要造成重叠的话设置z-index属性

"无入侵"即是指relative的元素仍处于标准的文档流中的意思。偏移前的位置仍然占据着标准文档流里，因此，偏移后，偏移前的位置不会有其他内容"侵占"

外部设置relative,内部div相对外部div发生偏移。