CSS 盒子模型

height

属性定义及使用说明

• height属性设置元素的高度。
• 注意:height属性不包括填充，边框，或页边距!

属性值

值	描述
auto	默认，浏览器会计算出实际的高度，
length	使用 px,cm 等单位定义高度，
%	基于包含它的块级对象的百分比高度，
inherit	规定应该从父元素继承 height 属性的值，

min/max-height

属性定义及使用说明

• min/max-height 属性设置元素的最低/最高高度。
• 注意:min/max-height属性不包括填充，边框，或页边距!

属性值

值	描述
length	定义元素的最小高度，默认值是 0,
%	定义基于包含它的块级对象的百分比最小高度，
inherit	规定应该从父元素继承 min-height 属性的值，

width

属性定义及使用说明

• width属性设置元素的宽度。
• 注意:width属性不包括填充，边框和页边距!

属性值

值	描述
auto	默认值，浏览器可计算出实际的宽度，
length	使用 px,cm 等单位定义宽度，
%	定义基于包含块（父元素）宽度的百分比宽度，
inherit	规定应该从父元素继承 width 属性的值，

min/max-width

属性定义及使用说明

• min/max-width属性设置元素的最小/最大宽度。
• 注意:min/max-width属性不包括填充，边框，或页边距!

属性值

值	描述
length	定义元素的最小宽度值，默认值：取决于浏览器，
%	定义基于包含它的块级对象的百分比最小宽度，
inherit	规定应该从父元素继承 min-width 属性的值，

padding

属性定义及使用说明

padding 简写属性在一个声明中设置所有填充属性，该属性可以有1到4个值。

属性值

值	说明
length	规定以具体单位计的填充值，比如像素，厘米等，默认值是 0px
%	规定基于父元素的宽度的百分比的填充
inherit	指定应该从父元素继承padding

margin

属性定义及使用说明

margin简写属性在一个声明中设置所有外边距属性，该属性可以有1到4个值。

属性值

值	描述
auto	浏览器计算外边距，
length	规定以具体单位计的外边距值，比如像素，厘米等，默认值是 0px,
%	规定基于父元素的宽度的百分比的外边距，
inherit	规定应该从父元素继承外边距，