javascript - Dojo:Div 标签问题

Question

我们目前正在使用 Dojo 创建移动 map 应用程序。我们将 Esri 用于 map 服务。在从 3.2 更改为 3.3 之前一切正常。该 map 工作正常，但我在实现基础 map 库时遇到问题。我已经研究了好几天，试图弄清楚为什么我的画廊没有出现，但我已经将我的问题缩小到它实际上是我的 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 标签。此外，我们试图实现将图库中的基础 map 图像从左向右移动的按钮，但它们仅适用于谷歌浏览器。我不确定为什么它只适用于 Chrome 而不是任何其他浏览器。

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

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

我感谢所有的帮助、想法和评论!那么……有什么想法吗？……

Answer 1

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