Почему неправильно работает тег position: fixed;?

Question

[artemkapro]

<div class="page">
			<div class="dropdown">
				<button class="dropbtn">Страницы</button>
					<div class="dropdown-content">
							<a href="Отряды.html">Отряды</a>
							<a href="Форма.html">Опрос</a>
							<a href="Об авторе.html">Об авторе</a>
					</div>
			</div>

в css:

.page {
	position: fixed;
	top: 10px;
	right: 20px;
	min-height: 2em;
	z-index: 1;
}
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
	max-width: 100%;
	position: sticky;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown-content a:hover {
	background-color: #ddd;
}
.dropdown:hover .dropdown-content {
	display: block;
}
.dropdown:hover .dropbtn {
	background-color: #3e8e41;
}

Почему то при теге position: fixed; в первом случае страница перестает прокручиваться

Comments

[Alex_mos]

class="page"
Класс относится к странице?
Если вы ее фиксируете, то как она будет прокручиваться?

[Red-Bull]

а вы </div>закрыли?

[Ankhena]

Почему неправильно работает тег position: fixed;?

1. Это не тег
2. Он работает правильно, именно так, как и задумано. Фиксируется относительно вьюпорта в том месте, куда указывают координаты.

Начать, наверное, нужно с самого начала: зачем вам фиксированное позиционирование для .page? Чего вы хотели добиться?
Может это было sticky для хедера?