저는 바닥글을 페이지 하단에 유지하고 페이지 하단으로 스크롤할 때까지 표시되지 않도록 하는 프로젝트를 진행하고 있습니다. 내 CSS에서 '위치: 고정'을 사용해 보았지만 내 콘텐츠 위에 떠 있고 절대 위치 지정의 경우 페이지 중앙에 고정되어 콘텐츠를 덮습니다. 또한 내용이 많지 않은 페이지의 경우 위치를 지정하지 않거나 '위치:절대'를 사용하지 않으면 바닥글 아래에 공백이 생깁니다. 제안해 주세요.
* { 여백: 0; 패딩: 0; } 머리글 { 배경색: 회색; } 바닥글 { 배경색: 회색; 하단: 0; 높이: 20px; 위치: 고정; 너비: 100%; } /* 고정 위치 지정을 사용하면 바닥글이 콘텐츠 위에 고정됩니다. 내가 원하는 것은 바닥글이 페이지 하단에 남아 있지만 표시되지 않는 것입니다. */ <본문>제목 <메인>제목
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Adipisci eos deserunt fugiat doloremque your text`ut.
메인> <바닥글>&복사; 저작권, 상업
폭과 높이가 같은 상위 div를 추가할 수 있을 것 같아요.
html: