이 div를 위로 출력하는게 가능할까요?
본문
아래와 같이 사이드메뉴와 푸터가 있습니다.
근데 사이드 메뉴가 bottom: 0;이라 화면 전체를 가려서 페이지 하단부에 오면
푸터까지 가려버립니다.
그렇다고 푸터 높이만큼 bottom 속성을 올리면 그것도 이상하고
z-index 속성을 이용해서 푸터가 사이드 위에 보이게 하고싶은데 제가 잘 못하는건지
안되더군요. 푸터를 최상위로 띄울려면 어떻게 해야하나요?
.side{
position: fixed;
top: 51px;
bottom: 0;
left: 0;
z-index: 1000;
display: block;
padding: 20px;
overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
background-color: #f5f5f5;
border-right: 1px solid #eee;
}
.footer {
background-color: #000;
text-align: center;
min-height: 75px;
line-height: 75px;
z-index: 1000;
}
답변을 작성하시기 전에 로그인 해주세요.