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>