Css 如何使整个div可单击（表格样式div）

是的，我知道，这个问题已经被问了很多次，一个可能的解决方案是添加style=display:block；连接到链接

由于某些原因，此解决方案不适用于表样式div：

HTML:

如您所见，空的绿色空间只能水平单击，而不能垂直单击。我还尝试：

<a href="/something.html" style="display:block"><div class="left">This is a link</div></a>

但是它没有帮助。

你需要增加高度：100%；指向链接、.left和.tablerow元素

.桌子{ 宽度：500px； 显示：表格； } tablerow先生{ 显示：表格行； 身高：100%； } .左{ 宽度：50%； 背景：绿色； 显示：表格单元格； 填充物：5px； 身高：100%； } .对{ 宽度：50%； 显示：表格单元格； 背景：红色； 填充物：5px； } Lorem ipsum dolor sit amet，是一位杰出的献身者。Lorem ipsum dolor sit amet，是一位杰出的献身者。Lorem ipsum dolor sit amet，是一位杰出的献身者。

---

首先设置。将左位置设置为相对，然后将标签位置设置为绝对，将宽度和高度设置为100%

.桌子{ 宽度：500px； 显示：表格； } tablerow先生{ 显示：表格行； } .左{ 宽度：50%； 背景：绿色； 显示：表格单元格； 填充物：5px； 位置：相对位置； } .左a{ 位置：绝对位置； 排名：0； 左：0； 宽度：100%； 身高：100%； } .对{ 宽度：50%； 显示：表格单元格； 背景：红色； 填充物：5px； } Lorem ipsum dolor sit amet，是一位杰出的献身者。Lorem ipsum dolor sit amet，是一位杰出的献身者。Lorem ipsum dolor sit amet，是一位杰出的献身者。

---

你不能把div放在'a'元素里面吗

   <a href="/something.html" >
        <div class="left">
              This is a link </div>
  </a>    

将“left”类直接应用于a元素，即：

<a href="#" class="left">this is a link</a>

尽管这不允许添加其他内容，但它确实会使锚定填充可用空间

部分问题在于，默认情况下，锚定标记是一个span类型的标记，它只填充与其内容一样大的空间，而不考虑内部div

---

您必须使锚定标记的行为类似于块样式元素，而不是其周围的元素或内部元素。

您可以将侦听器添加到div id

    <div class="table" id="clik">

    document.getElementById("clik").addEventListener("click", function(){
       // document.location = "/something.html";
       alert("hello");
    });

---

@yoyoyo更新了我的答案。firefox还需要100%的行高

<a href="#" class="left">this is a link</a>

    <div class="table" id="clik">

    document.getElementById("clik").addEventListener("click", function(){
       // document.location = "/something.html";
       alert("hello");
    });