我有下面的CSS和HTML代码片段
textarea
{
border:1px solid #999999;
width:100%;
margin:5px 0;
padding:3px;
}
<div style="display: block;" id="rulesformitem" class="formitem">
<label for="rules" id="ruleslabel">Rules:</label>
<textarea cols="2" rows="10" id="rules"/>
</div>
运行代码片段Hide results展开代码段
问题是,文本区域结束了8px的宽度(2px的边界+6px的填充)比父。有没有办法继续使用边框和填充,但是限制textarea到父宽度的总大小
相似问题