html - 让 链接垂直填充 div

Question

我正在尝试获取 <a href >链接填充在表格单元格显示中设置的 div 的垂直高度。

高度可能会有所不同，因此设置填充不是一种选择(这可能是我的后备方案，但会限制最终解决方案)。我想让它做相当于 height:100% 的事情但这不起作用，如本例所示: http://jsfiddle.net/VmcXh/1/

我想要的结果是链接填充“单元格”，这样背景颜色就可以作为视觉提示发生变化，这样用户就可以点击空间中的任何地方。
在示例中，我使用了 background-color显示链接，在真实网站中这是一张图片。

这可能吗？

更新:

似乎答案是否定的，至少在浏览器中不可靠。我已经接受了最接近的答案，其中还包含指向描述规范中相关歧义的 SO 问题的链接。

Answer 1

将 height:0px 应用于父元素 #calla 和 #calsd 以便 height:100% 在 anchor 上会起作用。

Demo

(父元素需要为 % 高度设置显式高度。请参阅 old SO question )

更新:

您还可以将 display:inline-block; 应用于 anchor Jack Pattishall Jr在评论中指出

Demo