将行内元素设置为块级元素,就可以设置宽高
方式一:
使用display: display:block/inline-block
<span class="one">test</span>
.one{
display: block; //块元素
height: 100px;
width: 100px;
background-color: red;
}
方式二:
使用position: position:absolute/fixed
<span class="one">test</span>
.one{
position: absolute; //绝对定位
height: 100px;
width: 100px;
background-color: teal;
}
方式三:
使用float: float:left/right
<span class="one">test</span>
.one{
float:left; //绝对定位
height: 100px;
width: 100px;
background-color: #ccc;
}