본문 바로가기

STUDY/HTML&CSS

CSS | sidebar 밑에 공간이 남을 때...

이렇게 사이드바의 길이가 짧을 경우에 해결방법

 

하나의 div를 추가하고,

<div className="sidebar-skeleton"></div>

 

css를 이렇게 설정해주면 스크롤이 길어져도 sidebar가 잘리지 않는다...

.sidebar-skeleton{
  position: fixed;
  left: 0;
  height: 100vh;
  bottom: 0;
  width: 272px;
  z-index: -10000;
}