모바일로 화면을 보았을때,footer가 페이지가 긴 페이지는 바닥에 붙어있는데 페이지 길이가 짧으면 중간에 푸터가 있고 밑에는 쭉~ 비는데, 푸터를 바닥에 붙일수 있는 코드가 있을까요?
|
답변 2개 / 댓글 2개
채택된 답변
+20 포인트
2020-03-08 (일) 08:12:09
footer 위쪽에 content를 담는 div가 있다면 해당 div의 스타일에다 min-height:800px; 처럼 설정
foot를 포함하는 div로 되어잇다면 foot를 감싸고 있는 div에다 min-height를 주면 됩니다
답변에 대한 댓글 2개
Lappy
2020-03-08 (일) 18:35:49
min-height:800px; 를 디브안에 주어도 모바일 상으로 볼때는 푸터가 화면 중간에 있고 그밑으론 뻥 비어있는데 왜 이런걸꺼요?
2020-03-08 (일) 18:56:06
div구성이 어떻게 되어있는지 모르겟으나 아래처럼 해보세요
<div style='min-height:500px;'>
본문 내용
<div style='position:fixed; bottom:0;'>1234</div>
</div>
<div style='min-height:500px;'>
본문 내용
<div style='position:fixed; bottom:0;'>1234</div>
</div>
2020-03-07 (토) 22:43:58
어떤 CSS 또는 JS를 사용하시는지에 따라 코드가 다를수 있습니다.
질문 내용만으로는 원하시는 답을 찾으시기 힘드실 것 같습니다.
질문들 다시 등록하시는게 좋지 않을까요?
저도 초심자라... T.T
원하시는 답을 찾으시길 바랍니다.
답변을 작성하려면 로그인이 필요합니다.