Div在鼠标悬停时显示为链接

Question

虽然由于某些原因你可能还没有理解标题中的问题，但我试着解释一下我到底要考虑的是什么。

有没有＆＃34;正确＆＃34;使整个div成为一个可点击的框，以保留它的悬停CSS属性并重定向到http://example.com的方法？

我有一个像这个一样简单的div：

<div class="name">
  What should I be typing here?
</div>

现在div类如下：

.name {
  float: right;
  width: 100%;
  border-top: 1px solid #EEE;
  background: transparent;
  position: relative;
}

悬停时的行为是：

.name:hover {
  background: #f5f5f5;
  transition-duration: 0.1s;
  transition-property: background;
}

如果我的问题遗漏/错误，请告诉我，我会尽力纠正/提供更多信息。

感谢您的帮助。