Question

请告诉我为什么排不要100％宽度。我按照以下步骤操作。按＆＃34;添加案例按钮＆＃34; .it将生成一个row.select＆＃34;添加案例＆＃34;选项并按添加它将生成内部行。但它的宽度不是100％。

function addNewCaseInside(id){
    //add new inside collapsible inside collapsible row.

    alert($("#list" +id));
    $('#'+id).append('<ul><li >' +
            '<div data-role="collapsible">' +
            '<h3>nnnn</h3>' +
            '<ul>' +
            '<li>' +
            '<fieldset data-role="controlgroup" class="Smoker">' +
            '<input type="radio" name="radio-choice" id="radio-choice-1" value="TestCase" checked="checked">' +
            '<label for="radio-choice-1">Add Test Case</label>' +
            '<input type="radio" name="radio-choice" id="radio-choice-2" value="TestCommand">' +
            '<label for="radio-choice-2">Add Test Command</label>' +
            '</fieldset>' +
            '<a  data-role="button" data-mini="true" data-theme="a" class="addClickClass">Add</a>' +
        '</li>' +
            '</ul>' +
            '</div>' +
            '</li><ul>')
            $('#'+id).trigger('create');





}

Answer 1

如果您在小提琴中进行测试，则需要重置样式。默认情况下，浏览器将样式应用于UL元素（在本例中为padding-left）。因此，如果您将重置样式包含在您的小提琴中，它将按预期工作。

当然，你可以在没有notmalize.css的情况下解决这个问题：

.ui-collapsible-content ul {padding: 0;}

演示：http://jsfiddle.net/R2DzV/22/

另请注意，对于实际的移动设备，您可能不需要reset.css，因为其浏览器可以具有不同的用户代理默认样式表，而不会出现此类不良行为。

为什么动态制作时行不是宽度的100％？

1 个答案: