ArcGIS API for JavaScript 地图加载空白现象-ArcGIS Web 开发学习（三）

       我在做C#开发bs系统时，使用JavaScript加载了一个地图，但是加载完后出现了一个问题，就是map对象并没有布满整个mapdiv控件区域，参见下图：

             

      我明白是控件布局的问题，所以就开始修改样式设置，我的设置如下所示：

      html, body, #mapDiv {
            padding: 30px 0px 0px 0px;
            margin: 0 0 0 0;
            height: 100%;       
        }

        #mapDiv {
            position: relative;
        }

       因为上图的白边和30的宽度基本一致，所以我就修改30为0，可是这样的话，我的mapdiv整个都被压在网页的header下面了，无奈之下我在html, body, #mapDiv 下载添加如下设置：background-color: blue; 发现整个页面的背景色都编程蓝色了，我心想这样肯定不对，不过通过这个设置，我明白了我上面的设置有可能是设置到了HTML和body等所有区域，所以把background-color: blue;放到下面的 #mapDiv，这次发现对了！只有mapdiv的背景被设置为蓝色了。这些我明白了，应该这样做：在 html, body, #mapDiv 设置HTML、body、mapdiv等所有布局的padding属性为30（这是我的默认设置），然后在 #mapDiv 里单独设置mapdiv的padding属性为0，这样的才能消除上一步和mapdiv相关的设置。具体设置和显示如下，OK，问题解决。

        html, body, #mapDiv {
            padding: 30px 0px 0px 0px;
            margin: 0 0 0 0;
            height: 100%;       
        }

        #mapDiv {
            position: relative;
            padding: 0px 0px 0px 0px;
        }