Question

我如何拥有一个包含position：relative的类的元素但是，这确实显示，从页面顶部开始是20px？

li:target {
position: relative;
width:222px;
height: 222px;
z-index:1;
border: 1px solid red;
}

Answer 1

您确定需要position: relative吗？

我认为您应该使用绝对或固定定位：

如果您希望在滚动时元素随页面移动，请使用绝对定位。并确保您的元素是<body>的孩子，或者没有父position与static不同。
```
position: absolute;
top: 20px;
```
如果您不想在滚动时移动元素，请使用固定定位。
```
position: fixed;
top: 20px;
```

Answer 2

除非您使用top，bottom，left或right，否则position属性的值无关紧要。保证金将正常工作。

这里唯一的例外是，“静态放置的元素不受top，bottom，left和right属性的影响”。由W3School。