四、css高度height应用案例
我们设置一个命名为box的盒子,设置一个高度为200px盒子,为了直观观看高度设置效果,我们再对此盒子添加1像素红色边框,如果不设置宽度,将全屏100%宽度,所以我们再设置一个css宽度width为80px属性。
1、高度案例CSS代码:
CSS Code复制内容到剪贴板
#box{height:200px;border:1px solid #F00;width:80px}
/* CSS注释说明: 设置了红色css边框、高度200px、宽度为80px */
2、高度案例HTml源代码片段:
CSS Code复制内容到剪贴板
<div id="box">我高度为200px</div>
五、css高度height总结
通常使用css高度对对象设置高度长度单位。一般我们需要对盒子对象设置高度时候,只需要对该CSS类添加高度height加值即可。高度不能设置百分比高度如“height:50%”,设置百分比的高度无效。这篇教程讲解CSS height与html height区别及用法,希望大家能掌握高度样式属性的设置及用法。
原文地址:http://www.manongjc.com/article/809.html










