×

新导航介绍,点击查看

CSS高度属性(height)和宽度属性(width)

发表日期:2006-11-23 摄影器材: 点击数: 投票数:

            ——网络资源

一。高度属性(height)

语法:

 
height : auto | length
 
参数:
 
auto :  无特殊定位,根据HTML定位规则载文档流中分配
length :  由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父对象的高度。不可为负数。请参阅长度单位
 
说明:
 
检索或设置对象的高度。
对于img对象来说,仅指定此属性,其width值将根据图片源尺寸等比例缩放。
对应的脚本特性为height。其值为一字符串,所以不可用于脚本(Scripts)中的计算。请使用style对象的posHeight,pixelHeight,以及对象的offsetHeight等特性。请参阅我编写的其他书目。
按照样式表的规则,对象的实际高度为其下列属性值之和:
margin-top + border-top + padding-top + height + padding-bottom + border-bottom + margin-bottom
而在IE6以前的版本,对象的实际高度却等于:
margin-top + height + margin-bottom
在IE6中,已经提供了针对此问题的解决方案。而上述属性的相互关系,请参看图例。
 
示例:
 
div { height: 1in; }
div { position:absolute; top:-3px; height:6px; } 
 

二。宽度属性(width)

语法:

 
width : auto | length
 
参数:
 
auto :  无特殊定位,根据HTML定位规则载文档流中分配
length :  由浮点数字和单位标识符组成的长度值,或者百分数。百分数是基于父对象的宽度。不可为负数。请参阅长度单位
 
说明:
 
检索或设置对象的宽度。
对于img对象来说,仅指定此属性,其height值将根据图片源尺寸等比例缩放。
对应的脚本特性为width。其值为一字符串,所以不可用于脚本(Scripts)中的计算。请使用style对象的posWidth,pixelWidth,以及对象的offsetWidth等特性。请参阅我编写的其他书目。
按照样式表的规则,对象的实际宽度为其下列属性值之和:
margin-left + border-left + padding-left + width + padding-right + border-right + margin-right
而在IE6以前的版本,对象的实际宽度却等于:
margin-left + width + margin-right
在IE6中,已经提供了针对此问题的解决方案。而上述属性的相互关系,请参看图例。
 
示例:
 
div { width: 1in; }
div { position:absolute; top:-3px; width:6px; } 
 
微雨心情 温馨提示:更多内容请点击《百度空间技术手册

作者:何生

《CSS高度属性(height)和宽度属性(width)》


下一篇:没有了

最 新:
没有其它新的作品了

更多何生的POCO作品...

评论