하단 여백이 50px 인 100 % 높이 스크롤 가능 div

작동하지 않을 수 있습니다. 목표는 몸의 전체 너비와 높이를 늘리는 넘치는 스크롤 가능한 div를 만드는 것입니다. 문제는 내가 100 % x 50 픽셀 div 컨트롤 패널을 절대적으로 배치하기 위해 예약하려는 50 픽셀의 바디 하단 여백을 추가하면옵니다. 본질적으로 아래쪽 제어판이있는 인화 iframe입니다.하단 여백이 50px 인 100 % 높이 스크롤 가능 div

div는 body margin이 높이의 일부가 아니므로 div의 100 % 높이가 body height + top body margin으로 밝혀졌습니다. div의 높이를 몸체 높이 만 얻을 수있는 방법이 있습니까? 그것이 기본 동작이거나 어쩌면 혼란 스러워야하는 것처럼 보입니다.

나는 현재 HTML5 doctype FYI를 사용하고 있습니다.

출처

2010-06-19 Gee

는 마진이

<div id="mainContentArea" style="position:absolute; top:0px; left:0px; bottom:50px; right:0px; overflow:auto"> 
</div> 
<div id="bottomArea" style="position:absolute; bottom:0px; left:0px; right:0px; height:50px; overflow:hidden"> 
</div>

출처

2010-06-19 01:44:46

같은

뭔가 와우, 나에게 새로운를 사용하지 말아. 나는 div가 서로 겹칠 것이라고 생각했을 것이다. 그러나 다시 한 번 경계를 설정하기 위해 아래쪽과 위쪽 위치를 모두 지정할 수 있다는 것을 알지 못했습니다 ... HTML/CSS를 알고 있다고 생각할 때 실제로는 그렇지 않다는 것을 알게됩니다. 고마워. – Gee

문제 없음 .. 도움을주는 글래스 –

하단 여백이 50px 인 100 % 높이 스크롤 가능 div

답변

관련 문제