box-sizing css的盒子模型
<h4>CSS盒子模型</h4>
<h4>box-sizing:content-box | border-box</h4>
<hr />
<p>值
<strong>content-box W3C标准盒子模型</strong></p>
<pre><code>默认值,标准盒子模型。
注意: 内边距, 边框 & 外边距 都在这个盒子的外部。
如果 .box {width: 350px}; 而且 {border: 10px solid black;} 那么在浏览器中的渲染的实际宽度将是370px;
尺寸计算公式:width = 内容的宽度,Height = 内容的高度。</code></pre>
<p><strong>border-box IE盒子模型</strong></p>
<pre><code>width 和 Height包括内容,内边距和边框,但不包括外边距。
计算公式:width = border+padding+内容的宽度
height = border+padding+内容的Height。</code></pre>