input要素のブラウザのデフォルトのpaddingやborderに対応
width:100%では、paddingやborderのサイズ分、包含ブロックからはみ出す
box-sizingをborder-boxに設定
input[type="text"]{
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
参考サイト：http://memolog.org/2012/06/set_input_width_to_100_percent.php