目录结构：
contents structure [-]
hight属性值类型一览表
valuedescribtionauto默认length绝对长度%相对长度inherit继承
这里笔者主要介绍相对长度的用法，关于绝对长度读者可以参考CSS尺寸单位px % em rem详解获取更多信息。
height的%值的使用
定义：
这个值是一个百分比，它是基于包含它的块级元素的百分比。
实例：
height.html p{ width:50%; height:50%; border:1px solid red;}body{ border:1px solid green; display:block; height:100px;}I am box with width 50% and height 50%
读者可以在Chrome浏览器中按下“F12”,选择“element”查看，读者可很快发现
的高度恰好为父元素
的50%。
需要注意的
立即学习“前端免费学习笔记（深入）”；
在上面的示例中，我们验证了height的相对值的用法。但是读者需要注意，如果父元素没定义hight，则子元素的hight用百分比就不起作用，此时的高度值就相当于auto值，除非用绝对值改变。这里hight没定义是指，根本没写height，与把height定义为0px不同。读者可试一试下面这段代码：
然后再body的style属性去掉，再试一试。
以上就是CSS中hight属性的详解的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1608268.html
微信扫一扫 
支付宝扫一扫 
