[CSS] 하단에 고정시키기

준비물은 하단에 고정시킬 태그(div, img 등)와 부모 div

방법은 간단하다. 아래와 같이 하면 된다.

.parent{ position: relative; } .child{ position: absolute; bottom: 0; }

마찬가지로, 오른쪽에 두고 싶으면 right:0을 선언해주면 된다.

이 때, position 속성같은 경우 default가 relative이지만 꼭 선언해줘야 한다.

absolute는 부모 태그 중 relative로 선언된 기준으로 되기 때문이다.