CSS를 사용하여 컨테이너 하단에 항목을 고정 시키는 방법 알아보기

나는 맹목적으로 bottom : 0을 부모의 바닥에 붙이고 싶은 요소에 할당했습니다.

내가 두 가지를 잊어 버린 것으로 나타났습니다 : 해당 요소에 position: absolute 및 부모에 대한 position: relative 추가.

예:

<div class="container-element">
  ...
  <div class="element-to-stick-to-bottom">
    ...
  </div>
</div>

.element-to-stick-to-bottom {
  position: absolute;
  bottom: 0;
}

.container-element {
  position: relative;
}