html - :link not filling whole td box

Question

我有一个表格，我希望每个单元格都可以点击。这有点管用，但似乎链接没有填满整个框，当我应用悬停效果时，有人在离边缘太近的地方点击，这就成了一个问题。有什么办法可以解决这个问题吗？

这是我的CSS

.dashboardMods td a {
  display: block;
  height:100%;
  width:100%;
}

.dashboardMods td:hover{
  background-color:#4297c2;
}

Answer 1

您的 .dashboardMods td 可能会有一个填充，这可以防止内部元素变得比 width - (padding * 2) 更大，因为填充在两侧.

此外，height: 100% 并不总是有效，这取决于浏览器和 HTML 规范(quirksmode)