Jquery mobile 带jquery mobile的并排按钮

我使用的是jquery mobile，我有以下两个按钮：

<p id="propart">Pro:
    <select id="chosenpro" data-inline="true"></select>
    <button type="button" id="resetbutton" data-inline="true" data-theme="w">Reset</button>
</p>

---

使用

ui网格

类，并覆盖它们的宽度

加价

<div class=ui-grid-a>
 <div class=ui-block-a>button 1</div>
 <div class=ui-block-b>button 2</div>
</div>

---

不需要定义任何css规则。 jqm有 您需要做的只是：

<div class=ui-grid-a>
 <div class=ui-block-a> <select id="chosenpro" data-inline="true"></select></div>
 <div class=ui-block-b><button type="button" id="resetbutton" data-inline="true" data-theme="w">Reset</button></div>
</div>

重置

使用

按钮1按钮2

谢谢，但如果我希望第一个按钮的宽度为75%，第二个按钮的宽度为25%，该怎么办？

.ui-block-a { width: 75% !important; }
.ui-block-b { width: 25% !important; }

<div class=ui-grid-a>
 <div class=ui-block-a> <select id="chosenpro" data-inline="true"></select></div>
 <div class=ui-block-b><button type="button" id="resetbutton" data-inline="true" data-theme="w">Reset</button></div>
</div>