Как установить высоту липкого элемента? ⇐ CSS

[Anonymous]

Это простой пример прикрепленного элемента, но мне интересно, почему я не могу установить высоту прикрепленного элемента (зеленого блока).

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

.container {
background: red;
display: flex;
flex-direction: column;
height: 30vh;
width: 150px;
overflow: auto;
/* position: fixed; */
}

.btn {
background: green;
position: sticky;
height: 50px; /* why does not work?!! */
bottom: 0;
left: 0;
right: 0;
}

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

hello world
hello world
hello world
hello world
hello world
hello world
hello world
hello world
hello world
hello world
hello world
hello world


+

Я удалил позицию: исправлено, но все равно не работает!

Подробнее здесь: https://stackoverflow.com/questions/725 ... ky-element