JQueryMobile内容和面板之间的差距

Question

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

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

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

Answer 1

您必须更改JQM类

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

或

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

.myCustomClass { padding: 0 !important }