이 div를 위로 출력하는게 가능할까요? 채택완료
헐크매니아
8년 전
조회 3,800
아래와 같이 사이드메뉴와 푸터가 있습니다.
근데 사이드 메뉴가 bottom: 0;이라 화면 전체를 가려서 페이지 하단부에 오면
푸터까지 가려버립니다.
그렇다고 푸터 높이만큼 bottom 속성을 올리면 그것도 이상하고
z-index 속성을 이용해서 푸터가 사이드 위에 보이게 하고싶은데 제가 잘 못하는건지
안되더군요. 푸터를 최상위로 띄울려면 어떻게 해야하나요?
</p><p>.side{</p><p> position: fixed;</p><p> top: 51px;</p><p> bottom: 0;</p><p> left: 0;</p><p> z-index: 1000;</p><p> display: block;</p><p> padding: 20px;</p><p> overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */</p><p> background-color: #f5f5f5;</p><p> border-right: 1px solid #eee;</p><p>}</p><p> </p><p>.footer {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>background-color: #000;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>text-align: center;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>min-height: 75px;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>line-height: 75px;</p><p> z-index: 1000;</p><p>}</p><p>
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인