关于元素绝对定位的父元素问题

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


  在主要的几种浏览器中测试结果如图:

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

         这我一个的见解,欢迎朋友们指点!


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端岚枫

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值