就是如上图的情况
Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 UBrowser/6.2.3964.2 Safari/537.36
许多CSS格式问题的答案似乎是“添加另一个<div>!”
所以,本着这种精神,你有没有尝试添加一个封装div来应用border / padding,然后把100%宽度的textarea放在里面?像(未经测试的):
textarea
{
width:100%;
}
.textwrappe
{
border:1px solid #999999;
margin:5px 0;
padding:3px;
}
<div style="display: block;" id="rulesformitem" class="formitem">
<label for="rules" id="ruleslabel">Rules:</label>
<div class="textwrapper"><textarea cols="2" rows="10" id="rules"/></div>
</div>
我经常使用的一个:
.boxsizingBorder {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}