jquery - ListView在jQuery Mobile的网格系统中未正确显示

我试图将ListView放置在网格系统中，但显示不正确。它是平板电脑的应用程序，因此不必理会大量文字。

jsfiddle：http://jsfiddle.net/ZX4YC/

<div data-role="page" data-theme="b">

    <div data-role="header">
        <h1>Page Title</h1>
    </div><!-- /header -->

    <div data-role="content">
        <div class="ui-grid-a">
            <div class="ui-block-a" style="font-size:70pt">
                <div class="ui-grid-a">
                    <div class="ui-block-a">
                        A:
                    </div>
                    <div class="ui-block-b" id="oeeTextField">
                        0
                    </div>
                    <div class="ui-block-a">
                        B:
                    </div>
                    <div class="ui-block-b" id="aTextField">
                        0
                    </div>
                    <div class="ui-block-a">
                        C:
                    </div>
                    <div class="ui-block-b" id="pTextField">
                        0
                    </div>
                    <div class="ui-block-a">
                        D:
                    </div>
                    <div class="ui-block-b" id="qTextField">
                        0
                    </div>
                </div>
            </div>
            <div class="ui-block-b">

                <ul data-role="listview">
                  <li><a href="acura.html">Acura</a></li>
                  <li><a href="audi.html">Audi</a></li>
                  <li><a href="bmw.html">BMW</a></li>
                </ul>

            </div>
        </div>
    </div>

最佳答案

工作示例：http://jsfiddle.net/Gajotres/L4WnM/

CSS：

.ui-content {
    padding: 0 !important;
}

.ui-listview {
    margin: 0 !important;
}

只有类.ui-listview是重要的，.ui-content将仅删除内容填充。