javascript - 使用 jQuery Mobile 破坏 HTML/CSS 布局

Question

我对为 iPad 和普通 PC 显示器设计的网页布局有很大问题。我想要这样的布局:

http://img227.imageshack.us/img227/9978/layoutw.png

我已经用 HTML/CSS 设计了这个布局，它适用于每个常见的网络浏览器(Firefox、Safari、Chrome - IEx 与我无关): http://ud05_188.ud05.udmedia.de/spotlight/webpage.html

但现在我集成了一些 jQuery Mobile 的东西，布局被破坏了。你可以在这里看到网站:http://ud05_188.ud05.udmedia.de/spotlight/jquery.html它们的 div 区域重叠，看来问题出在 jquerymobile JavaScript 文件上。

那么如何确定问题出在哪里呢？这里出了什么问题？

预先感谢您的帮助!

最好的问候蒂姆

Answer 1

我还没有研究过 JQM 的多框布局，但我已经可以建议的是:

1. 看看是否可以通过 JQM 设置来完成。 JQM 可能有您的控件的特殊属性。或者您可能需要额外的包装 div。

2. 为您的 CSS 添加边距/填充。添加圆 Angular 通常会给元素带来额外的宽度。

如果您设法弄明白了，请将其张贴在这里作为您自己问题的答案。