3.8  尺寸属性height/width

3.8  尺寸属性height/width

尺寸属性用来设置选择符对象的宽度和高度。

1）高度属性（height）

该属性用来检索或设置对象的高度。可选值如下。

auto：无特殊定位，根据HTML定位规则在文档流中分配。

length：由浮点数字和单位标识符组成的长度值或百分数。百分数是基于父对象的高度。不可为负数。

按照样式表的规则，对象的实际高度为下列属性值之和：

margin-top + border-top + padding-top + height + padding-bottom + border-bottom + 
margin-bottom

例如：

div { height: 1in; }
div { position:absolute; top:-3px; height:6px; }

2）宽度属性（width）

该属性用来检索或设置对象的高度。可选值如下。

auto：无特殊定位，根据HTML定位规则在文档流中分配。

length：由浮点数字和单位标识符组成的长度值或百分数。百分数是基于父对象的高度。不可为负数。

按照样式表的规则，对象的实际宽度为下列属性值之和：

margin-left + border-left + padding-left + width + padding-right + border-right + margin-right

例如：

div { width: 1in; }
div { position:absolute; top:-3px; width:6px; }

3）最大高度属性（max-height）

该属性用来设置或检索对象的最大高度。如果max-height属性的值小于min-height属性的值，将会被自动转设为min-height属性的值。可选值如下。

none：无最大高度限制。

length：由浮点数字和单位标识符组成的长度值或者百分数。不可为负数。

例如：

p { max-height: 200%; }

4）最大宽度属性（max-width）

该属性用来设置或检索对象的最大宽度。如果max-width属性的值小于min-width属性的值，将会被自动转设为min-width属性的值。可选值如下。

none：无最大高度限制。

length：由浮点数字和单位标识符组成的长度值或者百分数。不可为负数。

例如：

p { max-width: 200%; }

5）最小高度属性（max-height）

该属性用来设置或检索对象的最小高度。如果min-height属性的值大于max-height属性的值，将会被自动转设为max-height属性的值。可选值如下。

none：无最大高度限制。

length：由浮点数字和单位标识符组成的长度值或者百分数。不可为负数。

例如：

p { min-height: 200%; }

6）最大小宽度属性（max-width）

该属性用来设置或检索对象的最小宽度。如果min-width属性的值大于max-width属性的值，将会被自动转设为max-width属性的值。可选值如下。

none：无最大高度限制。

length：由浮点数字和单位标识符组成的长度值或者百分数。不可为负数。

例如：

p { min-width: 200%; }