去除jquery mobile的content和header之间的空白方法

在使用jquery mobile做手机界面时发现header和content中间总有一条空白，很不好看。

在chrome下面查看样式和布局，发现那一条空白是属于content的区域，而且是content的区域的margin和padding设置造成的，于是改动如下。

1、在引用的css文件里面将content的上padding设置为0；

2、在页面上设置div的data-role=“content”的style属性，设置margi="-25px"，吞噬掉外边框的距离，这样content的顶部和header的底部就无缝集合啦，哈哈。

搞定！

如有其它的问题请详看css，进行相应的更改设置，祝你好运！