머리글 +지도 + 바닥 글 100 % 높이 사용

Question

앱용 페이지를 만들고 싶습니다. 내 머리말과 꼬리말의 높이가 고정되어 있고 그 사이에 나머지 높이의 100 %를 채울지도가 있어야합니다. 나는 많은 성공을 거두지 않고 많은 해결책을 시도해 보았습니다. 나는이 같은 것을 사용하고 싶습니다 감사 JM

UPDATE : http://polyetilen.lt/en/android-geolocation-application-demo-using-phonegap-jquery-mobile-and-google-maps 하지만 jQuery를하지 않고, 단지 간단하고 짧은 CSS.

Answer 1

나는 머리말과 꼬리말에 고정 된 위치를 부여하고 머리말/꼬리말에 맞추기 위해 위와 아래에지도 패딩을 준다. box-sizing: border-box (및 공급 업체 접두어)을 사용하고 높이를 100 %로 설정할 수 있습니다.

Answer 2

This is a simple example jquery 비트를 사용합니다. 그것은 당신을 위해 어울릴 수 있습니까?

이의 DUP처럼 보이는

var contentHeight = $("#map").height(); 
var newHeight = $(window).height() - $("#header").height() - $("#footer").height(); 
if (contentHeight < newHeight) 
{ 
    $("#map").css("height", newHeight + "px"); 
}