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