绝对定位：子元素进行了绝对定位会不会跳出父级元素。

   绝对定位（position:absolute)

      根据前天所学，给某个元素进行绝对定位后，如果没有相近的拥有定位属性的父级元素，那么它就定位就是跟据整个document来定位，而且脱离了文档流。

      假设：一个div里包含了一个span标签，只对span标签进行绝对定位，让它跑到div块的外面去，看看是否能成功。

<span style="font-size:18px;">  代码： <div><span></span></div></span>

  

给它加个样式：

body{
       margin:0;
}
div{
     width:200px;
     height:200px;
     background:black;
     margin:50px auto;
}
span{
    width:50px;
    height:50px;
    background:red;
    position:absolute;
    left:10px;
    top:10px;
  
}

经在编辑器里测试，结果是：span标签跳脱了div，根据html进行了定位。答案是会。

注意点一：如果对span只加了绝对定位属性，而没有写具体的像素和方向，那么span标签仍然在父级左上角。

并且会显示出来。如果没加定位属性，div内的span是看不到了，因为是行内元素无法定义宽高，审查元素显示0*0。