Textarea和输入文本css

Question

我注意到每当我在textarea或输入文本上设置width: 100%;时，它们都会超过父宽度。

textarea和text字段在其容器内被10个像素的填充包围。一旦碰到它周围的边界框，有没有办法让它停止？制作width:100%;元素的最佳做法是什么？

Answer 1

我建议重置css：

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

并且还要记住width:100%将匹配父宽度，但是要考虑边界。您可能想了解本文中的box-sizing：

http://paulirish.com/2012/box-sizing-border-box-ftw/