목록2024/11/07 (1)
행복을 담는 블로그
[CSS] footer 하단 고정하기
맨날 footer 하단 고정하는 방법 까먹어서 정리하기 위해서 올림!!1. fixed로 하단 고정하기footer { position: fixed; bottom: 0px; width: 100%; height: 5rem;}처음에는 footer는 position:fixed로 하단에 박아버린다고 생각했다.근데 그렇게 했더니, 이렇게 컨텐츠가 있을 경우, footer 안 쪽으로 먹혀버리는 현상이 발생했다.fixed로 박을 경우, 다른 값들과 관계없이, 화면의 길이가 늘어나더라도(=스크롤의 길이가 늘어나는 경우) 가장 하단 부분에 박히는 문제가 발생하였다. 2. absolute 사용하기다음으로는 position : absolute를 사용하였더니, 상대 위치에 따라 중간 지점에 고정되어 버리는 문제가 발생..
FrontEnd/HTML & CSS
2024. 11. 7. 14:06