大小相关的属性
知有
168
控制大小的属性
主要用来设置对象的宽度，高度，包括最大宽度、高度，以及最小宽度、高度。
常用的大小属性如下：
| height | 用于设置目标对象的高度 |
| max-height | 用于设置目标对象的最大高度。如果此属性的值小于min-height 属性的值，将会被自动转换为min-height 属性的值。 |
| min-height | 用于设置目标对象的最小高度。如果此属性的值大千max-height 属性的值，将会被自动转换为max-height 属性的值。 |
| width | 用于设置目标对象的宽度。 |
| max-width | 用于设置目标对象的最大宽度。如果此属性的值小千min-width 属性的值，将会被自动转换为min-width 属性的值。 |
| min-width | 用于设置目标对象的最小宽度。如果此属性的值大千max-width 属性的值，将会被自动转换为max-width 属性的值。 |
- CSS3 新增的box-sizing 属性
box-sizing 属性来设置width 、height 控制哪些区域的宽度、高度。控制的并不是该元素内容的宽度、高度，而是该元素整体包括padding 区、border 整体的宽度和高度。
支持如下几个属性值：
- content-box: 设置width 、height 控制元素的内容区宽度和高度。
- padding-box: 设置width 、height 控制元素的内容区加内补丁区的宽度和高度。
- border-box: 设置width 、height 控制元素的内容区加内补丁区再加边框区的宽度和高度。
- CSS3 新增的resize 属性
resize 属性，该属性用于指定是否允许用户通过拖动来改变元素的大小。
属性支持如下几个属性值：
- none: 设置不允许用户通过拖动来改变组件的大小。
- both: 设置不允许用户通过拖动来改变组件的高度和宽度。
- horizontal: 设置不允许用户通过拖动来改变组件的宽度。
- vertical: 设置不允许用户通过拖动来改变组件的高度。
- inherit：继承自父元素的resize 属性值。这是默认值。