Question

我有以下div：

<div style="height: 200px">
    <a href="#">Click to View</a>
</div>

我想点击div标签的任何地方，并希望简单地激活标签，我想点击Div来导航链接。我怎么能这样做？

先谢谢你的帮助。

更新：

对不起朋友们，我必须更新我的问题...

我无法定义<div>
我必须使用100％作为<a>

我的修改后的代码是这样的：

<div>
    abc<br><br>        
    <a href="#">Click to View</a>
</div>

请帮帮我......

Answer 1

这应该是你的伎俩

div {
  height: 200px;
}

div a {
  display: block;
  height: 200px;
}

See it working here on jsfiddle

Answer 2

删除div。

<a href="#" class="bigAnchor">Click to View</a>

...然后

a.bigAnchor { display: block; height: 200px; }

Answer 3

创建一个调用链接的Javascript函数，并将其附加到DIV元素的OnClick事件上。

或尝试类似：

<div id="Idhere" onclick="window.location = 'Link here'">
<a href="leave this blank">text here</a>
</div>

Answer 4

您可以尝试这样的事情：

.link {
 width: 300px; 
 height: 200px; 
 background: #fc0; 
}
.link a {
 display: block; /* link as block element */
 text-align: center; 
 height: 100%; /* height for all div */
 color: #666; /* link color */
}

<div class="link">
   <a href="1.html">Link</a>
  </div>

Answer 5

更改订单

<a href="#">
<div style="height: 200px">
    Click to View
</div> 
</a>

注意： <div>在<a>内是合法的HTML5

Answer 6

尝试更改锚点css：

a.block{display:block;height:200px;}

<div style="height: 200px">
    <a class="block" href="#">Click to View</a>
</div>

Answer 7

div {
  position: absolute;
  top:100px;
}

<html>
<body>
  <div>This DIV</div>
</body>
</html>

如何展开<a> tag into a <div> Tag?</div></a>

7 个答案: