Fatal编程技术网
  • css/
  • Jquery mobile-CSS-textarea占据全部宽度

Jquery mobile-CSS-textarea占据全部宽度

css jquery-mobile

Jquery mobile-CSS-textarea占据全部宽度,css,jquery-mobile,textarea,Css,Jquery Mobile,Textarea,我有两个div。一个占75%，另一个占25%。较小的div包含一个按钮。最大的div包含一个textarea。但是，我在让文本区域占据整个空间方面遇到了问题。ui-block-adiv占用了正确的75%。但是textarea不会填充整个div。我将右边距设置为：0和宽度：100%，但什么也没发生 <div class="ui-grid-a"> <div class="ui-block-a" style="width:75%"><textarea p

我有两个div。一个占75%，另一个占25%。较小的div包含一个按钮。最大的div包含一个textarea。但是，我在让文本区域占据整个空间方面遇到了问题。
ui-block-a
div占用了正确的75%。但是textarea不会填充整个div。我将
右边距设置为：0和<代码>宽度：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>






看起来怎么样



当通过开发者工具查看时，我注意到文本区域的右边有一个空白。


tl；dr-需要去除橙色部分（边缘）。设置
margin:0；宽度：100%不起作用