Question

我正在尝试使用css sprites并且遇到一个小问题，我跟踪了下面的问题。

我有这个简单的HTML并应用了一些样式 - 请参阅下面的小提琴。

<a href="#"><span class="fs"></span></a>

对于跨度，我定义了16x16px的固定大小 - 但链接区域似乎更大（我指定了不同的颜色）。为什么？我已经尝试定义相同大小的行高...

我想我需要一杯咖啡......

Answer 1

只需将此display更改为block ......

.fs {
    display: block;
    width: 16px;
    height: 56px;
    background: #ddd;
}

inline-block导致元素生成内联级块容器。内联块的内部格式化为块框，元素本身被格式化为原子内联级框，在specs中阅读更多内容。

Answer 2

尝试float:left;

中的.fs