有<a> link fill div vertically</a>

时间:2014-07-05 17:36:22

标签: html css

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

高度可能会有所不同,因此设置填充不是一个选项(这可能是我的后退,但会限制最终的解决方案)。 我希望它相当于height:100%,但这不起作用,如下例所示:  http://jsfiddle.net/VmcXh/1/

我想要的结果是链接填充'单元格',这样两者都可以改变背景颜色作为视觉提示,因此用户可以点击空间中的任何位置。
在示例中,我使用background-color来显示链接,在真实站点中这是一个图像。

这可能吗?

更新:

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

2 个答案:

答案 0 :(得分:2)

height:0px应用于父级元素#calla#calsd,以便锚点上的height:100%可用。

Demo

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

更新

您还可以display:inline-block;将{{1}}应用于评论中指出的Jack Pattishall Jr

Demo

答案 1 :(得分:0)

在div上提供一些javascript函数并应用样式cursor:pointer

这是我的

Fiddle