使div成为可点击的链接

Question

我有一个PHP搜索脚本,可以将结果解析为HTML div元素,使样式更容易.我有以下代码:

<div class='webresult'><div class='title'><a href='{$row['url']}'>{$row['title']}</a></div><div class='url'>{$row['url']}</div><div class='desc'>{$row['description']}</div></div>

我想这样做,当点击整个webresult div时,它会转到结果的url.

我希望人们能够理解我想要描述的内容.

Answer 1

如果要使整个div可单击,请尝试将<a>元素设置为块元素并使其大小等于父元素<div>,即

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