行内元素设置宽高的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;
}
    原文作者:smile_xting
    原文地址: https://blog.csdn.net/smile_xting/article/details/103023399
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞