内容和面板之间的 JQueryMobile 差距答案

【问题标题】：JQueryMobile gap between content and panel内容和面板之间的 JQueryMobile 差距
【发布时间】：2013-10-17 06:08:48
【问题描述】：

我用 jquery mobile 开发了一个 Phonegap 应用程序。这是一个带有固定页眉、固定页脚和从左侧打开的面板的单页应用程序。内容 DIV 为白色，面板从其默认颜色加载。

问题是当面板打开时，白色内容 DIV 和面板 DIV 之间存在间隙（屏幕截图中的 B），这似乎是内容 DIV 的一部分，因为阴影（屏幕截图中的 C）通常放置在内容 DIV 的边缘。面板底部的列表视图被拉伸以适应面板的内容 DIV（屏幕截图中的 A）。

我该如何解决这个问题？如何消除阴影/面板和白色内容区域之间的暗间隙？

【问题讨论】：

【解决方案1】：

您必须更改 JQM 类

.ui-panel-inner { padding: 0 !important }

或

创建一个新类并添加到内容区域的 div 中

.myCustomClass { padding: 0 !important }

【讨论】：