这篇文章上次修改于 181 天前,可能其部分内容已经发生变化,如有疑问可询问作者。
使用像素单位
.box{
width:30px;
height:30px;
background-color:red;
}
使用百分比单位
//创建一个元素与子元素
<div class="box">
<span class="box1">
</span>
<div>
//设置元素长宽为30像素
.box{
width:30px;
height:30px;
background-color:red;
}
//box1的长宽是父元素box的百分之三十
.box1{
width:30px%;
height:30px%;
background-color:red;
}
使用em单位
//设置字体大小为100像素
box{
font-size:100px;
width:10em;
}
//该元素的宽度是字体像素的10倍

//设置字体大小为100像素
box{
font-size:100px;
width:1em;
}
//该元素的宽度是字体像素的正常大小