尝试将div封装到锚标记中。

<a href= "http://www.example.com">
<div id="ana_div">

  <div class="div" id="div">
    <div class="ikon">
      <img src="icon.png">
    </div>
    <button class="btn"> button1
            </button>
  </div>

  <div class="div" id="div">
    <div class="ikon">
      <img src="icon.png">
    </div>
    <button class="btn"> button2
            </button>
  </div>

</div>
</a>

添加锚定标记并向其添加href属性。然后添加一些样式以删除线条并更改颜色。最后，您可以在其中添加任何您想要的内容。否则，您可以创建一个锚定标记，并在div的onclick函数中添加href和id。调用函数redirect（）。在redirect（）函数中添加以下代码： document.getElementById("your-tag-id").click()

这很简单，一个由锚标记包围的div标记。

a {
  text-decoration: none;
}

.big-div {
  height: 100px;
  width: 200px;
  background-color: red;
}

<a href="https://www.facebook.com/">
  <div class="big-div">
    <p>Click anywhere</p>
  </div>
</a>

您需要创建一个事件侦听器，然后当用户单击div/按钮时，您可以使用一个函数来运行所需的javascript。
至于重定向，您可以创建一个新的 <a> 使用js标记元素，然后为target、src添加适当的属性，最后对其使用click（）函数。
见js小提琴

javascript:

let btn = document.querySelectorAll('.btn')

function redirectHeader(){
  let url = 'https://google.com'
  const a = document.createElement('a')
  a.target = '_blank'
  a.href = url
  a.click()
}

btn.forEach(button => {  
  button.addEventListener('click', redirectHeader)
})

如果不想在代码中使用js，只需在列之前添加一个标记即可
检查此代码

# ana_div {

    height: 400px;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    background-color: #f7f7f7;
}

.ikon {
    margin-left: 30px;
    margin-top: 15px;
    position: absolute;
}

.div {
    display: inline-block;
    float: left;
    height: 80px;
    width: 300px;
    margin: 10px;
}

.btn {
    border: none;
    color: black;
    height: 80px;
    width: 300px;
    font-size: 19px;
    cursor: pointer;
    background-color: #fff;
}

.btn:hover {
    background-color: #4d4d4d;
}

<div id="ana_div">
    <a href="https://google.com">
        <div class="div" id="div">
          <div class="ikon">
            <img src="icon.png">
          </div>
          <button class="btn"> button1</button>
        </div>
    </a>

    <a href="https://microsoft.com">
        <div class="div" id="div">
          <div class="ikon">
            <img src="icon.png">
          </div>
          <button class="btn"> button2</button>
        </div>
    </a>
</div>

您可以这样编写按钮单击：

<button onclick=" window.open('http://www.google.com', '_blank'); return false;">Continue</button>