Позиция css: относительная с margin-top

Question

Как я могу иметь элемент, который содержит класс с позицией: относительный, но который показывает, скажем, 20 пикселей сверху страницы?

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

css margin relative

Источник

user2032214 04 дек '13 в 18:57

1 ответ

Другие вопросы по тегам css margin relative

user1529630 04 дек '13 в 19:02 2013-12-04 19:02 · Answer 1 · 2013-12-04 19:02

Вы уверены, что вам нужно position: relative?

Я думаю, что вы должны использовать абсолютное или фиксированное позиционирование:

Если вы хотите, чтобы элемент перемещался вместе со страницей при прокрутке, используйте абсолютное позиционирование. И убедитесь, что ваш элемент является потомком <body>или не имеет родителя с position отличающийся от static,
```
position: absolute;
top: 20px;
```
Если вы не хотите, чтобы ваш элемент двигался при прокрутке, используйте фиксированное позиционирование.
```
position: fixed;
top: 20px;
```