정보실

웹학교

정보실

css CSS를 사용하여 컨테이너 하단에 항목을 넣는 방법

본문

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;
}



페이지 정보

조회 110회 ]  작성일19-08-28 18:49

웹학교