CSS学习(8)--尺寸属性

height                         版本：CSS1　 兼容性：IE4+ NS6+　继承性：无
 
语法：
 
height : auto | length
 
参数：
 
auto : 　无特殊定位，根据HTML定位规则载文档流中分配
length : 　由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父对象的高度。不可为负数。
 
说明：
 
检索或设置对象的高度。
对于img对象来说，仅指定此属性，其width值将根据图片源尺寸等比例缩放。 
按照样式表的规则，对象的实际高度为其下列属性值之和：
margin-top + border-top + padding-top  + height +  padding-bottom + border-bottom + margin-bottom
而在IE6以前的版本，对象的实际高度却等于：
margin-top + height + margin-bottom
在IE6中，已经提供了针对此问题的解决方案。
 
示例： 

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

width                          版本：CSS1　 兼容性：IE4+ NS6+　继承性：无
 
语法：
 
width : auto | length
 
参数：
 
auto : 　无特殊定位，根据HTML定位规则载文档流中分配
length : 　由浮点数字和单位标识符组成的长度值，或者百分数。百分数是基于父对象的宽度。不可为负数。
 
说明：
 
检索或设置对象的宽度。
对于img对象来说，仅指定此属性，其height值将根据图片源尺寸等比例缩放。 
按照样式表的规则，对象的实际宽度为其下列属性值之和：
margin-left + border-left + padding-left  + width +  padding-right + border-right + margin-right
而在IE6以前的版本，对象的实际宽度却等于：
margin-left + width + margin-right
在IE6中，已经提供了针对此问题的解决方案。
 
示例： 

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