Неправильное поведение вложенных тегов

Question

[Diode Bot]

Что нужно:

Сайт поделен на section с шириной и высотой по 100%;
Внутри section должны быть два дива, один крепится сверху, другой снизу. Вложенность тегов следующая:

<div>

  <section>
    <div 1.1></div>
    <div 1.2></div>
  </section>

  <section>
    <div 2.1></div>
    <div 2.2></div>
  </section>

  <section>
    <div 3.1></div>
    <div 3.2></div>
  </section>

</div>

Все div, вложенные в section, имеют абсолютное позиционирование и, соответственно, top: 0px; у верхнего и bottom: 0px; у нижнего с фиксированными шириной и высотой. У section стоит display: block;
Но на деле выходит, что дивы внутри секций крепятся к самому верхнему диву, то есть видят родителем его, а не секции. В чем моя ошибка и как ее исправить?

Answer 1

[Юрий Лобанов]

Пропишите position:relative; для section

Comments

[Diode Bot]

Какая мелочь >< Спасибо

[Юрий Лобанов]

Без обид, но это основа. Для человека, который не знает таких вещей - Вы выбрали довольно смелый заголовок вопроса. Хорошо, что в конце добавили "В чем моя ошибка".
Посмотрите про позиционирование, относительно чего в том или ином случае позиционируется элемент.

[Diode Bot]

@iiil я не знал или пропустил то, что для выравнивания по absolute, у родителя должно быть relative.