Q

DIV 높이를 뷰포트 바닥에 도달하도록 설정하십시오.

2012-03-12 5 views 2 likes

2

뷰포트 바닥에이 DIV 높이를 설정하는 방법은 무엇입니까? DIV 은을 절대적으로 배치 할 수 없습니다. 그것은 흐름에 있습니다.DIV 높이를 뷰포트 바닥에 도달하도록 설정하십시오.

<html> 
    <body> 
     Hello world... 
     <div>xxx</div> 
    </body> 
</html>

CSS 솔루션 (의심 스럽지만)이 있다면 좋지만 JS/jQuery를 사용하는 것이 좋습니다. CSS3도 좋습니다.

2012-03-12 Blacksad

+2

가능한 중복 [div에 100 % 높이를 적용하는 방법?] (http://stackoverflow.com/questions/1818467/how-to-apply-100-height-to-div) – bfavaretto

+0

왜 필요한지 말씀해 주시겠습니까? 어쩌면 귀찮은 브라우저 호환성 문제는 말할 것도없고 앱에 자바 스크립트를 많이 삽입하지 않고 코드를 유지하기 어렵게 만드는 대신 동일한 목표를 달성 할 수있는 또 다른 방법이 있습니다. – Castilho

A

답변

9

의 실제 높이를 얻기 위해 당신의 DIV height:100%

2012-03-12 15:50:02 paislee

0

시작으로 :

body, html { height:100% }

그런 다음 사용 jQuery를 요소

$("div").height($(window).height())

2012-03-12 15:48:31

0

사용 $(window).height()을 제공 :

var h = $(window).height() - $('div').offset().top; 
$('div').height(h);

의

DEMO

2012-03-12 15:49:49 Starx

관련 문제