在一个技术群里看到别人争论关于子元素绝对定位，父元素要是也是绝对定位了，子元素应该选择以谁为参照物的问题，我刚开始想都没想就觉得它应该选择父元素的父元素为参照物，但是自己写个例子测试了一下，发现自己被以前书上的那些教程引导错了，经过测试发现子元素的如果是绝对定位，他的参照父元素应该选择离它最近的一个定位元素（相对于 static 定位以外的第一个父元素进行定位），例子如下：



     <style type="text/css">
*{ margin:0; padding:0;}

div{ width:600px; margin-bottom:40px; height:300px; background-color:#000; position:absolute; left:40px; top:100px;}

a{position:absolute; left:100px; top:200px; width:100px; height:20px; background:#fff;}
</style>

html代码：


       <div>

     <a href="">test</a>

      </div>


  在主要的几种浏览器中测试结果如图：关于元素绝对定位的父元素问题_测试

        现在发现，在研究技术方面不能全相信书上的结果，要自己去实践才能得到更可靠准确的结果。

         这我一个的见解，欢迎朋友们指点！