비어 있는 경우에도 DIV를 페이지 하단까지 늘리려면 어떻게 해야 합니까?

콘텐츠에 관계없이 DIV 블록을 페이지 아래쪽으로 늘이기

콘텐츠 div가 페이지 아래쪽까지 확장되도록 하려고 합니다. 페이지 하단. 그러나 현재는 표시할 실제 콘텐츠가 있는 경우에만 늘어납니다. 콘텐츠가 없는 경우에도 세로 테두리를 계속 표시하려는 경우 이는 매우 중요합니다.

문제:

문제는 div의 높이에 있는 것이 아니라 div의 높이에 있습니다. 컨테이너와 함께. 상위 컨테이너 높이가 100%가 아니므로 콘텐츠 div가 해당 높이를 상속합니다.

해결책:

이 문제를 해결하려면 다음 CSS를 추가하세요.

html,body { height:100%; }

추가 조정:

원하는 모양을 얻으려면 패딩과 여백을 조정해야 할 수도 있습니다.

브라우저 호환성:

필요한 경우 모든 브라우저에서 작동하려면 추가 수정이 필요할 수 있습니다. 필수.

권장 리소스:

• [HTML 본문 높이 테스트](http://www.brunildo.org/test/html_body_0.html)
• [HTML과 본문 높이](http://www.brunildo.org/test/html_body_11b.html)
• [QuirksMode](http://quirksmode.org/)에서 자세한 브라우저 호환성 정보를 확인하세요

위 내용은 비어 있는 경우에도 DIV를 페이지 하단까지 늘리려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!