仅当我打开检查器窗口时，页面上的内容才会显示

Question

我正在将响应式模板应用于在PHP中使用MVC架构的现有网站。

在我正在尝试调整的页面中，左侧必须有一个谷歌地图地图（宽度页面的50％）和页面另一半的条目列表。我的问题是，当我打开页面时，地图没有显示;但是，如果我在Chrome，Safari或Firefox中打开检查器窗口，则会显示地图。

我无法弄清楚问题。我不确切地知道要包含哪些代码，因为相关部分非常冗长而复杂。 如果无法猜到原因，我会尝试以某种方式发布代码。

我会发布链接来演示问题：http://immobiliaretest.altervista.org/cerca?sv=list&pr=GR&s=GR&ct=1&cg=1&tp=tutte&cs=1

P.S。 Google Maps脚本API包含在页面中。

Answer 1

您的id="mapView"根本没有任何固定高度，并且您正在为地图中的孩子提供height:100%。当您使用height:100%时，您需要父级在px中拥有固定的高度，或者如果您希望父级同时拥有height:100%，则需要再次提供相同的100%给所有亲戚父母，直到body和html（包括两者）。

只需添加：

#mapView {
    height: 500px;
}

更好地了解我的意思。