100 % 높이가 가능하지만 div는 전체 페이지 만 채울 수 있습니까?높이가 100 %로 채워진 페이지 만
div에 100 % 높이를두면 페이지 끝까지 div가 확장되지만 더 이상 스크롤 막대를 가져 오지 않아야합니다. 그게 가능하니? 나는 높이를 알고있다 : 100 %는 페이지의 높이를 취하여 div의 높이를 그 수로 둔다. 그러나 div가 실제로 그 수의 높이를 가지기를 원하지는 않는다.
100 % 높이 또는 다른 것이 가능합니까?
감사합니다. 당신이 html, body 및 div 100 %를 선언하는 경우
감사 padding 또는 border없이
당신이 JQuery와 사용
<div style="top:0;bottom:0,left:0,right:0;"></div>
또는 사용할 수 있습니다
$("#mydiv").height($(window).height());
, 그것은 브라우저 윈도우의 크기로 확장됩니다. 당신이 padding 및 border를 사용하려면
의 CSS3 속성 box-sizing: border-box;
업데이트 :
(당신이 빈 div 사용할 수 있습니다) 의사 요소를 사용하여 :
.top{height:100px; width:100%; position:absolute; top:0; left:0;}
.rest{min-height:100%; background:lightblue; }
.rest:before{content:''; display:block; width:100%; height:100px;}
작동하지 않습니다. 여기를 참조하십시오 : http : //jsfiddle.net/AdSjQ/1/ 상단에 다른 div가있는 경우 스크롤 막대가 어떻게 표시되는지 확인하십시오. div가 아래로 확장되는 것을 원하지 않습니다. 스크롤 막대를 확장하거나 가져 오는 대신 브라우저 하단에 계속 채우기를 원합니다. – DemCodeLines
음, 예 100 % + 100 픽셀이 100 % 이상입니다. – bookcasey
정확히,하지만 100px가 추가되는 것을 원하지 않습니다. 콘텐츠에 필요하지 않으면 스크롤 막대를 계속 유지할 방법이 없습니까? – DemCodeLines
사람이 더 아래로 스크롤 할 수 있도록 당신이 원하지 않는 것을 의미합니까를? 그렇다면 '
' – sooper을 사용하십시오.이 기본 동작이 아닙니까? 즉, 페이지가 자동으로 최대 고정 세로 높이로 크기가 조정되지 않습니까? –
이 질문은 해결되었습니다. 이에 대한 정답은 없습니다. – DemCodeLines