CSS 宽度width和高度height属性
宽度width和高度height属性
CSS中的width属性和height属性可以分别用来为HTML文档中的元素设置宽度和高度，而且通过width和height设置的宽度和高度通常不包括元素的内边距、外边距和边框（边框也有自己的width）。
width和height的属性值
| 值 | 描述 |
|---|---|
| length | 长度值，单位可以是px、cm等 |
| 百分比 | 单位为%，长度是相对于父元素的宽度和高度的百分比，一般用于自适应页面的设计 |
| auto | 默认值，让浏览器自动计算高度和宽度 |
| inherit | 从父元素继承宽度和高度的属性 |
| initial | 将高度和宽度设置为默认值 |
宽度和高度属性实例代码，及在线编辑器
下面的实例中使用百分比的方式设置div元素的width和height属性，这样通过浏览器宽度的扩大或缩放，div的高度和宽度也会跟着以相应的比例进行扩大或缩放（自适应）：
<div class='wh'></div>
<style>
.wh{width:100%;height:20%;background-color:orange;}
</style>