Почему абсолютный расположенный элемент ограничен ростом родителей ⇐ Html

[Anonymous]

Я пытаюсь позиционировать с помощью класса. Я хочу, чтобы он отображался независимо от своего родительского роста и т. Д. Я подумал с < /p>

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

position: absolute;
top: ...
right: ...

Я могу взять элемент из потока документов и позиционировать его относительно следующего родительского элемента с позицией: Absolute .
Но сейчас он вообще не показывает, и я не понимаю, почему.
он начинает работать только тогда, когда я даю. Cell-container определяемый высот. Но я не понимаю, почему .position-tofking «ограничено».

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

.list-container {
display: flex;
width: 100%;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}

.row-container {
display: flex;
width: 50%;
align-items: center;
background-color: hotpink;
height: 20px;
}

.cell-container {
flex-grow: 1;
justify-content: flex-end;
flex-shrink: 1;
flex-basis: 0;
width: 0;
display: flex;
align-items: center;
justify-content: flex-start;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
flex-grow: 1;
justify-content: flex-end;
position: relative;
}

.outer-wrapper {
display: flex;
flex-direction: column;
position: relative;
}

.position-not-working {
width: 100px;
background-color: red;
position: absolute;
top: 0px;
right: 50px;
}< /code>
[list]
[*]



Text 1
Text 2
Text 3



[/list]

Подробнее здесь: https://stackoverflow.com/questions/794 ... nts-height