html - 绝对定位元素上的多余边距

为什么btnow有一些高边距？

它的css是top:0。

.btnowwrap{
	position:relative;
	height:20px;
	background:gold;
}

.btnow{
	position:absolute;
	right:9px;
	top:0;
	cursor:pointer;
	font-size:19px;
	color:#777;
}

<div class='btnowwrap'>
<div class='btnow' id='btnow' title='SADA'>&#x267B;</div>
</div>

最佳答案

图标在top:0中，此空间是因为icon的height（参见图片）：



使用line-height: 1em;

.btnowwrap{
	position:relative;
	height:20px;
	background:gold;
}

.btnow{
	position:absolute;
	right:9px;
	top:0;
	cursor:pointer;
	font-size:19px;
	color:#777;
line-height: 1em;
}

<div class='btnowwrap'>
<div class='btnow' id='btnow' title='SADA'>&#x267B;</div>
</div>