盒子的宽与高

网页是由多个盒子排列而成的，每个盒子都有固定的大小，在CSS中使用宽度属性width和高度属性height可以对盒子的大小进行控制。width和height的属性值可以为不同单位的数值或相对于父元素的百分比%，实际工作中最常用的是像素值。

在盒子中，如果问盒子的宽度是多少，初学者可能会不假思索地说是200px。实际上这是不正确的。因为CSS规范中，元素的width和height属性仅指元素内容的宽度和高度，其周围的内边距、边框和外边距是单独计算的。大多数浏览器，如火狐、谷歌及以上版本都采用了W3C规范，符合CSS规范的盒子模型的总宽度和总高度的计算原则如下。

● 盒子的总宽度= width+左右内边距之和+左右边框宽度之和+左右外边距之和；

● 盒子的总高度= height+上下内边距之和+上下边框宽度之和+上下外边距之和。

注意：

宽度属性width和高度属性height仅适用于块级元素，对行内元素无效（<img />标签和<input />除外）。