html - 链接标签填充整个屏幕

Question

我得到了简单地创建菜单和 Logo 图像的 HTML 代码，现在图像工作正常，尽管我已经将链接 ( <a href="index.html">...picture...</a> ) 添加到 Logo 图像，将“用户”移回索引页面。

问题是 Logo 图像 <a>标签在整个屏幕上填充(仅宽度，高度很好)并且它向我显示 .header 周围的指针光标类(class)背景。

如何在不删除链接的情况下修复它？

我尝试过的方法:

.linklogo{
    width: 400px;
    padding: 0;
}

Fiddle

Answer 1

将 .linkLogo 设置为 display: inline-block 以便识别其子 div 的高度/宽度:

.linklogo{
   display: inline-block;
}

FIDDLE