Question

我创造了一个小小提琴但由于某种原因我在底部有灰色区域如何摆脱它？

这是FIDDLE。

这是我的代码

<div data-role="page" data-theme="a">
        <div data-role="header" id="header" data-position="relative">

        </div>

        <div data-role="content" data-theme="b">
            <div data-role="collapsible" data-collapsed-icon="info" data-expanded-icon="info" data-collapsed="false">

                 <h4 style="text-align:center;">Product Information</h4>
       <fieldset data-role="controlgroup" id="material">
<h5>
Serial#: W292059828
CD Key:  1545655465
Lisenced Users: 5
Active Sites: 10
</h5>
</fieldset>







          <h3 style="text-align:center;">Resource Software International</h3>
          <div id="addr"><p>40 King St. W., Suite 300, Oshawa, Ontario,L1H 14A <br />
          Phone: (+1)905-576-4575 Fax: (+1)905-576-4705 <br />
          http://www.telecost.com Email:rsi@telecost.com<p></div>
              </div>
                </div>

Answer 1

这样做：

.ui-page {background: #ccc;}

这将设置背景以匹配内容渐变底部使用的颜色。

Answer 2

由于页脚没有粘性，因此灰色区域您只是页面未使用的空间。尝试让你的页脚粘：http://css-tricks.com/snippets/css/sticky-footer/

在Jquery Mobile中修复页脚

2 个答案: