Как действует «позиция: липкая»; работа с недвижимостью? ⇐ CSS

[Anonymous]

Я хочу, чтобы панель навигации прикреплялась к верхней части области просмотра, когда пользователь прокручивает страницу, но это не работает, и я понятия не имею, почему. Если вы можете помочь, вот мой код HTML и CSS:

Код: Выделить всё

.container {
min-height: 300vh;
}
.nav-selections {
text-transform: uppercase;
letter-spacing: 5px;
font: 18px "lato",sans-serif;
display: inline-block;
text-decoration: none;
color: white;
padding: 18px;
float: right;
margin-left: 50px;
transition: 1.5s;
}

.nav-selections:hover{
transition: 1.5s;
color: black;
}

ul {
background-color: #B79b58;
overflow: auto;
}

li {
list-style-type: none;
}

Код: Выделить всё

[list]
[*][url=#/contact]Contact[/url]
[*][url=#/about]About[/url]
[*][url=#/products]Products[/url]
[*][url=#]Home[/url]
[/list]

Подробнее здесь: https://stackoverflow.com/questions/437 ... perty-work