CSS——尺寸

定义

尺寸（Dimension）属性是对HTML元素的大小进行定义的CSS属性。

概述

尺寸属性控制元素的高度和宽度，同时还可为元素设置可能的大小范围。

缺省情况下，尺寸属性设定的高度和宽度仅适用于内容区域，不包括边框和内边距，这种高度宽度模式属于CSS自古以来的传统盒子模型。当前，本目录下各属性的参考文档都是基于传统盒子模型进行说明的。

但是，大家意识到传统盒子模型很不直观，因此CSS3之后，新增加了box-sizing属性，用于将元素的盒子模型更改为基于边框的盒子模型。这种模型下，内容、内边距和边框都包含在尺寸属性设定的高度和宽度之内。

变更点

CSS3没有增加新的尺寸属性，但增加了box-sizing属性用于改变元素高度和宽度的计算方法。