테스트 사이트 - 개발 중인 베타 버전입니다

html footer 질문입니다 채택완료

Lappy 5년 전 조회 1,990

모바일로 화면을 보았을때,footer가 페이지가 긴 페이지는 바닥에 붙어있는데 페이지 길이가 짧으면 중간에 푸터가 있고 밑에는 쭉~ 비는데, 푸터를 바닥에 붙일수 있는 코드가 있을까요?

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
5년 전

footer 위쪽에 content를 담는 div가 있다면 해당 div의 스타일에다 min-height:800px; 처럼 설정

foot를 포함하는 div로 되어잇다면 foot를 감싸고 있는 div에다 min-height를 주면 됩니다

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

L
Lappy
5년 전
min-height:800px; 를 디브안에 주어도 모바일 상으로 볼때는 푸터가 화면 중간에 있고 그밑으론 뻥 비어있는데 왜 이런걸꺼요?
균이
5년 전
div구성이 어떻게 되어있는지 모르겟으나 아래처럼 해보세요
<div style='min-height:500px;'>
본문 내용

<div style='position:fixed; bottom:0;'>1234</div>
</div>

댓글을 작성하려면 로그인이 필요합니다.

5년 전

어떤 CSS 또는 JS를 사용하시는지에 따라 코드가 다를수 있습니다.

질문 내용만으로는 원하시는 답을 찾으시기 힘드실 것 같습니다.

질문들 다시 등록하시는게 좋지 않을까요?

저도 초심자라... T.T

원하시는 답을 찾으시길 바랍니다.

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인