Positon:fixed как закрепить блок внизу блока а не документа?

Question

[generate]

Гляньте пожалуйста раньше вроде получалось зафиксировать блок задав родителю relative сейчас почему то не получается.

<div id="main"> 
  <div> </div>
</div>
<style>
#main {
  width: 800px;
  height: 500px;
  background: black;
  position: relative;
}
#main > div {
    width: 100%;
    height: 200px;
    background: red;
    position: fixed;
    left: 0;
    bottom: 0;
}
 </style>

Answer 1

[Вадим]

Изучите основы позиционирования.
fixed - относительно документа.
absolute - относительно ближайшего не static элемента.
А судя по вопросу Вам стоит посмотреть на position: sticky; bottom: 0;