Css技术中height属性的详解

一、height

1、height:100px; ——设置固定高度

一般设置使用固定高度比较多，很多时候都会对对象盒子设置固定高度，让布局对整齐、让对象不超出高度访问等。更多各种对象设置高度与高度灵活应用可到thinkcss上搜索查看图文案例教程。

2、height:60%——设置百分比高度

百分比高度使用率比起固定高度来说比较少，而对象设置百分比高度，此时高度计算出来是根据此对象盒子上级（父级）对象高度而百分比得到。

3、不设置高度属性

只要内容多少不固定，而需要对象盒子高度随内容增加而增加，建少而减少，这种情况下，就不需要对此对象盒子设置height。

更多灵活各种CSS问题可到thinkcss搜索查找解决在css布局中遇到问题。

学习CSS更多掌握基础后，能灵活运用，举一反三。

二、height简单应用

1、实例代码

height实例

.thinkcss{ height:100px; width:200px; border:2px solid #F00}

body内第一个div高度100%

要对body标签内第一个div高度设置100%生效，需要对body设置100%高度即可，直接对body内第一个DIV盒子对象设置100%是不能生效的。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！