input的width为100%超过父容器宽度

先上代码：

这段代码原本打算的是在form-group的放一个宽度为420px的input框。然而事与愿违。

可以看出真实的宽度是448(420 + 12 + 12 = 444),等等多出的4个像素是怎么回事啦。猜想是边框的像素值，把input加上border: 1px solid;则input宽度变成了446。为了达到预期的效果，我把代码改了一下：

这样虽说解决了问题，但是肯定是走弯路了。后来想想，其实一句box-sizing: border-box;就可以解决的。