내용이 길다보니 브라우저를 위아래로 줄이거나 모바일에서 볼경우엔 아래가 짤려나와서 아래내용을 볼 수가 없습니다.

이렇게 브라우저보다 내용이 길경우엔 자동으로 스크롤바를 만들고 싶은데요~

저는 이것을 overflow : auto; 로

.sidebar css 에 지정해보았는데 아예 사라져버리더라구요.

제가 어떠한 점이 틀렸는지 알고싶어요. 그리고 방법좀 알려주시겠어요?

.sidebar {
    background-color: #2E353B;
    width: 270px;
    height: 100%;
    position: fixed;
    top: 0;
    left: -270px;
    z-index: 9999;
}
.sidebar > .sidebar-content {
    position: absolute;
    top: 0px;
    left: 55px;
 right: 0px;
    color: #fff;
 text-align: center;
 
}