相对定位时,位置参照物难道不是元素本身吗?

来源:2-2 position-relative

haisheng_lin

2019-01-16 10:50

看这段代码:

```

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>Document</title>

<style>

.test1 {

width: 100px;

height: 100px;

background: red;

position: relative;

}

.test2 {

width: 100px;

height: 100px;

background: blue;

position: relative;

top: 100px;

left: 100px;

}

</style>

</head>

<body>

<div class="test1"></div>

<div class="test2"></div>

</body>

</html>

```

test1 相对于自己(原本位置是:0 0)向右向下偏移了 50px,test2 相对于自己(原本位置是:100px 0)向右向下偏移了 100px

写回答 关注

2回答

  • CJCBEST2000
    2019-02-14 21:18:51

    对的,是参照元素本省本身,他视频里讲的有点问题

  • Zenobiabiabia
    2019-01-17 11:38:04

    相对定位参照位置是元素本身,test2原位置为test1下方,因为规定了top及left,所以在原位置的基础上向右移动了100px

css定位 position

老师带你了解CSS中定位的知识,并运用到实际案例中。

49043 学习 · 92 问题

查看课程

相似问题