css3: border-box は、width_html/css_WEB-ITnose 内のボーダーとパディングを計算します。

.border-box { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box }

このクラスを使用すると、次のようなパディングとボーダーの幅に関係なく、要素の幅を常にその幅の値と等しくすることができます。

.input { width: 100%; padding: 0 10px}<input class="input border-box">

入力幅は次のとおりです。常に 100% で、アダプティブ要素に対応するパディングとボーダーを設定するのが非常に簡単です。

これは CSS3 属性であり、HTML5 をサポートするブラウザで使用する必要があり、一般的に携帯電話で使用されます。

box-sizing のデフォルト値は content-box で、幅と高さは境界線の幅 + パディング + コンテンツの幅と高さに等しい

border-box:width 高さはコンテンツの幅と高さの設定値と同じです

参考：http://www.w3cplus.com/content/css3-box-sizing