Javascript 高度100%JS

我正在处理一个目录，希望谷歌地图能够响应，所以我必须在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);

css:

js:

---

确保在父元素上设置了一个高度，否则100%没有任何意义…

其他元素是否表现出与高度相同的行为：100%，或者只是Google Map100%，确切地说，是父元素、窗口还是其他完全相同的东西？只是贴图，因为有重叠阴影。这与

高度：100%

不同，因为如果调整窗口（或父元素）的大小，该子元素也不会调整大小。这是可行的，但我无法将父元素的高度设置为100%

body, html{
  height: 100%;
}

div{
  background-color: red;
}

var div = document.getElementById('company_map');
div.style.width = '200px';
div.style.height = '200px';

div.onclick = function(){
    div.style.height = '100%';
};