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 ;   }

 

 

你可能感兴趣的:(css)