问如何在CSS中存在填充时使TextArea 100％宽度没有溢出？

提问于 2017-12-22 14:17:07

回答 2关注 0查看 460

我有下面的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到父宽度的总大小

和开发者交流更多问题细节吧，去写回答

相似问题