jquery-mobile - 如何将内容内部的 div 传播到比其内容更广泛的范围？

Question

前任。下面的代码表示为蓝色框，我想将 2 个网格扩展到黄色一个。但是，问题是；这 .. 需要在里面content，但它总是有左右边距。我不知道如何解决这个问题。

<div data-role="content" data-theme="d" >
        <div class="ui-grid-a" >
            <div class="ui-block-a"><strong>Time:</strong></div>
            <div class="ui-block-b" id="price-order-timestamp">yyyy-mm-dd hh24:mi:ss</div>
        </div>

        <div style="width:100%;"> <!-- Here-->
            <div class="ui-grid-d" id="data-table-header" >
                <div class="ui-block-a">Label A</div>
                <div class="ui-block-b">Label B</div>
                <div class="ui-block-c">Label C</div>
                <div class="ui-block-d">Label D</div>
                <div class="ui-block-e">Label E</div>
            </div>
            <div class="ui-grid-d" id="data-table" >
                <div class="ui-block-a">A</div>
                <div class="ui-block-b">B</div>
                <div class="ui-block-c">C</div>
                <div class="ui-block-d">D</div>
                <div class="ui-block-e">E</div>
            </div>
        </div>
    </div>

Answer 1

如果要删除添加到data-role=content标签的默认填充，请在您的 custom.css 中添加以下覆盖

#myPageId .ui-content{
    padding-left:0;
    padding​-right:0;
}​

http://jsfiddle.net/nirmaljpatel/LW5aC/