아래와 같이 사이드메뉴와 푸터가 있습니다.
근데 사이드 메뉴가 bottom: 0;이라 화면 전체를 가려서 페이지 하단부에 오면
푸터까지 가려버립니다.
그렇다고 푸터 높이만큼 bottom 속성을 올리면 그것도 이상하고
z-index 속성을 이용해서 푸터가 사이드 위에 보이게 하고싶은데 제가 잘 못하는건지
안되더군요. 푸터를 최상위로 띄울려면 어떻게 해야하나요?
Copy
.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;}답변 1개 / 댓글 1개
채택된 답변
+20 포인트
ysnet
2017-04-16 (일) 16:56:24
.footer{
position:relative;
z-index:1001;
}
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.