首页 > web前端 > html/css/css3 > css height属性
网站建设、切图、企业建站、微信开发 联系QQ:404658186 tel:18716186715
2015
05-08

css height属性

文章目录 [收起]
属性 版本 兼容性 继承性 简介
height CSS1 所有浏览器 检索或设置对象的高度

语法

height : auto | length

参数

auto :  无特殊定位,根据HTML定位规则载文档流中分配

length :  由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父级对象的高度。不可为负数。请参阅长度单位(常用的单位有px,pt,em)

说明

检索或设置对象的高度。
对于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中,已经提供了针对此问题的解决方案。而上述属性的相互关系,请参看图例。

示例

定义一个高为50px的div,为看出显示效果,我加上了边框和宽度

<div style="width:300px;height:50px;border:solid 1px #333"></div>

效果如下


css高度height总结

通常使用css高度对对象设置高度长度单位。一般我们需要对盒子对象设置高度时候,只需要对该CSS类添加高度height加值即可。高度不能设置百分比高度如“height:50%”,设置百分比的高度无效。

最后编辑:
作者:码农一号
这个作者貌似有点懒,什么都没有留下。
捐 赠如果您觉得这篇文章有用处,请支持作者!鼓励作者写出更好更多的文章!

留下一个回复

你的email不会被公开。

*