相关疑难解决方法(0)

当CSS中存在填充时,如何使TextArea 100%宽度而不会溢出?

我有以下CSS和HTML片段正在呈现.

textarea
{
  border:1px solid #999999;
  width:100%;
  margin:5px 0;
  padding:3px;
}
Run Code Online (Sandbox Code Playgroud)
<div style="display: block;" id="rulesformitem" class="formitem">
  <label for="rules" id="ruleslabel">Rules:</label>
  <textarea cols="2" rows="10" id="rules"/>
</div>
Run Code Online (Sandbox Code Playgroud)

问题是文本区域最终比父级宽8px(边框为2px,填充为6px).有没有办法继续使用边框和填充,但约束textarea父的宽度的总大小?

html css stylesheet

411
推荐指数
9
解决办法
40万
查看次数

标签 统计

css ×1

html ×1

stylesheet ×1