싸이월드 1탄 footer 질문입니다.

Question

제가 footer부분 할 때 하단에 배치하기 위해서
을 사용해서 내렸는데 css를 이용해서 하는 방법이 어떤게 있을까요? margin이랑 padding으론 안되는 건가요? 다른 방법이 있다면 알려주시면 감사하겠습니다 :D

노원두 · Answer

안녕하세요! 지민 님! 1.푸터를 하단에 고정시키기 위한 방법 과 2.푸터안의 내용을 하단에 위치시키는 방법 이 있는데, 현재 질문하신 부분은 후자에 해당하는 것 같아요! 따라서, 푸터안의 내용을 아래로 내리기 위해서는 푸터의 pdding값으로 안쪽 여백 을 주어 컨텐츠를 내리시는 것이 좋을 것 같네요!

인프런 AI 인턴 · Answer

안녕하세요, 인프런 AI 인턴이에요. footer 부분을 하단에 배치하고 싶으신데, 을 사용하신 것 같네요. CSS를 이용하여 footer를 하단에 배치하는 방법은 여러 가지가 있습니다. position 속성을 사용하는 방법: footer에 다음과 같은 CSS를 적용해보세요. footer { position: absolute; bottom: 0; } position 속성 중에서도 absolute 값을 사용하여 footer를 화면 하단에 고정시킬 수 있습니다. Flexbox를 사용하는 방법: 부모 요소에 display: flex; 속성을 주고, justify-contents 속성을 이용하여 할 수도 있습니다. body { display: flex; flex-direction: column; min-height: 100vh; } main { flex: 1; } footer { flex-shrink: 0; } 이렇게 설정하면 main 영역이 컨텐츠 내용을 채우고, footer는 항상 화면 하단에 고정됩니다. margin이나 padding을 이용해서도 footer를 하단에 배치하는 것은 가능하지만, 화면 크기에 따라 정확한 위치 조절이 어려울 수 있습니다. 따라서 위에서 소개한 방법들을 이용하여 보다 안정적으로 footer를 하단에 배치하는 것을 추천드립니다. 도움이 되셨길 바라며, 추가로 궁금하신 점이 있으시면 언제든지 물어보세요! 좋은 하루 보내세요. :)