footer1 [HTML, CSS] 내용 부분 스타일 지정만으로 푸터 하단 고정하는 방법 안녕하세요 주갬입니다. 오늘은 사이드 프로젝트를 하면서 푸터가 중간에 떠있는 현상을 해결한 방법에 대해 설명 드리려고 합니다. 구글링을 해보시면 푸터를 하단에 고정하기 위한 다양한 방법들이 존재합니다. 하지만 그 대부분의 방법이 저의 상황에서는 적용하기엔 무리가 있는 방법들이였습니다. 그 방법들을 간략히 정리하면 이렇습니다. 1. position: fixed - 푸터가 하단에 계속 고정되어 있어 스크롤을 내려도 항상 같은 위치에 푸터가 존재해 어색하다. 2. position: absolute - 푸터를 본문 밑에 고정시킨다면 본문 길이가 짧을 때 하단 고정이 안된다. - 본문 길이가 길 때도 스크롤은 absolute로 지정된 영역을 잡아주지 않아 어색하다. 3. 본문에 height: 100% 나 100v.. 2023. 11. 22. 이전 1 다음 반응형
