老师相对定位不是相对于祖先元素定位吗 为什么我这样些不行呢

老师相对定位不是相对于祖先元素定位吗 为什么我这样些不行呢

<!DOCTYPE html>

<html>

<head>

  <meta charset="UTF-8">

  <title>Document</title>

  <style>

    /*完善下列代码*/

    .per{

     width: 300px;

     height: 300px;

     background: red;

     margin-left:200px;

     margin-top: 200px;

   }


   .son{

     width: 100px;

     height: 100px;

     background: blue;

     position:absolute;

     top:100px;

     left:100px;


   }

  </style>

</head>

<body>

  <div class="per">

    <div class="son"></div>

  </div>

</body>

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
提问者 慕容5365712 2019-09-17 15:56:18

老师per 不算是son的祖先元素吗。我还以为是呢。那怎么样才算是祖先元素?父一级的再上一级吗

  • 同学你好,per是son的父元素,也可以叫做祖先元素,但是per中没有position的值是:relative、absolute、fixed,这些内容,所以此时的son不会相对于per来定位,而是会相对于body来定位的。如果我的回答解决了你的疑惑,请采纳!祝学习愉快!
    2019-09-17 16:33:08
好帮手慕小班 2019-09-17 11:55:56

同学你好,1、我们先来看一下绝对定位:绝对定位元素相对的元素是它最近的一个祖先,该祖先满足:position的值必须是:relative、absolute、fixed,若没有这样的祖先则相对于body进行定位。所以此时的son是对body进行定位的。

2、根据 1 可以得出此时子元素应该相对于body来定位。所以会脱离父元素。建议同学给父元素设置相对定位。例如:

http://img1.sycdn.imooc.com//climg/5d80591f09dc303d03400430.jpg

运行效果为

http://img1.sycdn.imooc.com//climg/5d80593b096b594507040590.jpg

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
从网页搭建入门Java Web2018版
  • 参与学习           人
  • 提交作业       1088    份
  • 解答问题       10205    个

如果你有Java语言基础,又想以后从事Java Web开发,那么本路径是你的不二选择!本路径从网页搭建开始入手,通过大量案例来学习Java Web基础。定能助你完成Java Web小白的蜕变!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师