Dojo：Div 标签问题答案

【问题标题】：Dojo: Div Tag IssueDojo：Div 标签问题
【发布时间】：2013-02-13 17:46:11
【问题描述】：

我们目前正在使用 Dojo 创建一个移动地图应用程序。我们将 Esri 用于地图服务。在从 3.2 更改为 3.3 之前，一切正常。该地图工作正常，但我在实施基本地图库时遇到问题。我已经做了几天的研究，试图弄清楚为什么我的画廊没有出现，但我已经将我的问题缩小到它实际上是我的 div 标签的布局。在我的 index.html 页面上，我有许多 div 标签用于不同的菜单，什么不是。我已经跟踪了所有 div 标签，以确保它们都已关闭并且已经关闭。

这就是我目前已经实现的：

<div id="displayView" data-dojo-type="dojox.mobile.View">
    <div data-dojo-type="dojox.mobile.Heading" 
         data-dojo-props='fixed:"top", label:"Display Options", back:"Menu",
         moveTo:"menuView"'>
             <div id="galleryDiv"> </div>
    </div>
</div>

使用此代码，画廊不会显示，但如果我将结束 div 标签移动到 div id="galleryDiv" 上方，那么画廊将显示，但它会显示在应用程序的每个页面上，因为没有结束 div 标签。此外，我们试图实现将图库中的基本地图图像从左向右移动的按钮，但它们仅适用于谷歌浏览器。我不知道为什么它只能在 Chrome 而不是任何其他浏览器中工作。

我最初有一个可滚动的视图，但它根本不会显示，所以我将它更改为 mobile.view 并且它工作。在整个应用程序中，它可以交换视图和可滚动视图，但根据我的研究，无论如何它都应该可以工作。

在我完成所有研究之后，我很确定这与 div 标签的父/子关系有关，但我不确定为什么它会阻止我的画廊出现在一页上并且为什么当我关闭 div 标签时它会显示出来。但是，如果我关闭 div 标签，那么画廊就会出现在每一页上。

感谢所有帮助、想法和 cmets！所以...有什么想法吗？...

【问题讨论】：

标签： javascript html dojo esri arcgis-js-api

【解决方案1】：

所以实际上最终的问题是 div 标签继承了它自己的 0px 高度。一旦我们给它一个高度，一切都显示得很好。现在为什么它给它自己的高度0？不知道。无论哪种方式，它现在都有效！

【讨论】：