行内元素设置宽高的3种方法

将行内元素设置为块级元素，就可以设置宽高

方式一：

使用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;
}