javascript - JS高度100％

我正在处理目录，希望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';到mapdiv.style.height ='100％';但％无法使用。

最佳答案

获取父元素的高度并将其设置为像素，因为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);