openlayers调用geoserver地图不显示

问题:

使用openlayers请求geoserver的wms服务,发现地图不显示.

原因:

发现map的高度设置的是100%,然后不显示。

后来改成400px,就显示了。

也就是html没识别map的高度设置100%

解决:

map所在的div的父一级必须设置高度,map设置的100%才能识别.

因为我的map的父一级是body,所以设置如下

html,body { height:100%;border: 0px; margin: 0px; padding: 0px; }
#map { width: 100%; height: 90%; border: 1px solid;}