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

在父元素不使用relative 下。子元素absolute 是相对于body 进行定位。top:0; left:0  位置就在浏览器左上角。

    而在父元素使用relative 下。子元素就相对于父元素进行定位了。top:0;left:0; 位置就在父元素左上顶点。

当top || left <0   top >父元素height || left >父元素width 时。子元素有部分或者全部超出父元素。。

 你说的关小黑屋是在父元素加relative 下。可以使用 overflow 将子元素超出父元素的部分进行隐藏。。

虽然是相对于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定位，最小化其实就是将要定位的元素缩小范围，单独定位。

position：absolute定位元素参照物是第一个定位祖先元素或根元素，

position：relative/fixed都是定位元素，都可以作为absolute的参照物，

static不能作为参照物

谢谢，已会

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

margin-left外边距，left是相当于窗口的

跟100px方向相反

第一次你设置right：200px；bottom：200px；的时候div相对自身位置的最右最下往左往上移了200px；所以看不见盒子了，当对立属性同时存在的时候，听top以及left的，他们是老大~

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

问个问题这么墨迹。我要是老师就回答你俩字：不能

最大的可能是网速原因。我也遇到过。

刷新几次页面就好了。

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

你可以百度查。。。。。。。。

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

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

你肯定设置了元素的width和height 这样自然看不到拉伸的效果啦，把width和height取消相信你能看到你想要的

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

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

此处有掌声

<div class="jumbotron footer">    
<div class="footer_nav_out">    
<ul class="footer_nav">    
<li class="title">首页</li>    
<li><a href="/console/main.html">控制台</a></li>    
<li><a href="/open/index.html">开放平台</a></li>    
<li><a href="/sitemap.xml">网站地图</a></li>    
</ul>