文章博客

技术团队文档示例


box-sizing css的盒子模型

<h4>CSS盒子模型</h4> <h4>box-sizing:content-box | border-box</h4> <hr /> <p>值 <strong>content-box W3C标准盒子模型</strong></p> <pre><code>默认值,标准盒子模型。 注意: 内边距, 边框 &amp; 外边距 都在这个盒子的外部。 如果 .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>

页面列表

ITEM_HTML