html - テキストエリアと入力テキストcss

Question

width: 100%;テキストエリアまたは入力テキストを設定するたびに、それらが親の幅を超えていることに気づきました。ここに画像の説明を入力してください

textareaとtextフィールドは、コンテナ内で10ピクセルのパディングで囲まれています。周囲のバウンディングボックスに当たったら停止させる方法はありますか？width:100%;要素を作成するためのベストプラクティスは何ですか？

score 2 · Accepted Answer

私はcssリセットを提案します：

textarea, input {
     padding: 0;
     margin: 0;
}

また、親の幅と一致することにも注意してwidth:100%ください。ただし、境界線を考慮に入れる必要があります。box-sizingこの記事で学びたいと思うかもしれません：

1 に答える 1