Jquery mobile - CSS - textarea占据全宽

Question

我有两个div。一个应该占据75％的空间，另一个占25％。较小的div包含一个按钮。最大的div包含textarea。我有问题让textarea占用整个空间。 ui-block-a div占据了正确的75％。但是textarea不会填满整个div。我设置了right-margin:0;和width:100%;，但没有任何反应。

 <div class="ui-grid-a">
        <div class="ui-block-a" style="width:75%"><textarea placeholder="What's happening?" style="width: 100%; margin-top: auto; margin-bottom: auto; margin-right: 0px; height: 52px;" class="ui-input-text ui-shadow-inset ui-body-inherit ui-corner-all ui-textinput-autogrow"></textarea></div>
        <div class="ui-block-b" style="width:25%"><input type="button" class="ui-btn" value="Submit"></div>
    </div>

看起来如何

通过开发人员工具查看时，我注意到textarea右边有一个边距。

tl; dr - 需要摆脱橙色部分（边缘）。设置margin:0;width:100%;无效。