在整个屏幕上链接标记填充

Question

我获得的HTML代码只是简单地创建菜单和徽标图像，现在图像工作正常但我已经添加链接（<a href="index.html">...picture...</a>）到徽标图像，这将移动＆＃34;用户＆＃ 34;回到索引页面。

问题是徽标图像<a>标签在整个屏幕上填充（仅宽度，高度很好），它显示指针光标在.header类背景周围。

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

我尝试的方式：

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

Fiddle

Answer 1

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

.linklogo{
   display: inline-block;
}

FIDDLE