javascript - JS 高度 100%

Question

我正在处理一个目录，并希望 Google map 能够响应，因此我必须在 JS 中将高度定义为 100%。以下是我使用过的代码:

var mapdiv = document.getElementById("company_map"); 
mapdiv.style.width = '1000px'; 
mapdiv.style.height= '205px';

geocoder = new google.maps.Geocoder(); 
var map = new google.maps.Map(mapdiv, myOptions);

所以我需要更改mapdiv.style.height='205px'; to mapdiv.style.height='100%';但 % 不起作用。

Answer 1

获取父元素的高度并将其设置为像素，因为 100% 表示父元素的完整高度

var mapdiv = document.getElementById("company_map"),
    parent = mapdiv.parentNode;

mapdiv.style.width  = '1000px';
mapdiv.style.height = parent.clientHeight + 'px';

geocoder = new google.maps.Geocoder();

var map = new google.maps.Map(mapdiv, myOptions);