>  Q&A  >  본문

새 헤더: 바닥글이 항상 페이지 하단에 있는지 확인하세요.

<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>
P粉318928159P粉318928159419일 전453

모든 응답(1)나는 대답할 것이다

  • P粉554842091

    P粉5548420912023-08-28 20:08:54

    폭과 높이가 같은 상위 div를 추가할 수 있을 것 같아요.

    html:

    으아악 으아악

    회신하다
    0
  • 취소회신하다