Question

我想点击一下div，但在<div>内我还有另一个<div>，也应点击或链接。

HTML

<a href="#">
    <div class="box">
       <div class="plus"><img src="aaa.jpg"/></div>
    </div>
</a>

CSS

.box{
    float:left;
    width:100px;
    height:100px;
}
.plus{
    float:left;
    width:30px;
    height:30px;
}

我可以同时将<div>链接到不同的链接吗？

这是否正确使用a href内的div？

Answer 1

不，分配给包含<a>的链接将分配给其中的每个元素。

而且，这不是正确的方法。您可以将<a>表现得像<div>。

示例^[Demo]

CSS

a.divlink { 
     display:block;
     width:500px;
     height:500px; 
     float:left;
}

HTML

<div>
    <a class="divlink" href="yourlink.html">
         The text or elements inside the elements
    </a>
    <a class="divlink" href="yourlink2.html">
         Another text or element
    </a>
</div>

Answer 2

从HTML5开始，允许在div周围包装链接。

Answer 3

这是divitis的典型案例 - 您不需要div可点击，只需为<a>标记提供一个类。然后编辑类的CSS来显示：block，并像许多其他答案中提到的那样定义高度和宽度。

<a>标记可以自行完美运行，因此您无需在页面上进行额外的标记。

Answer 4

无法嵌套'a'。但是，如果您非常希望保持结构并仍然按照您想要的方式工作，然后在javascript / jquery中重写锚标记。

所以你可以为这两个事件监听两个并相应地控制它们。

Answer 5

我认为你应该反过来这样做。定义您的Div并在每个a href内设置Div，指向不同的链接

Answer 6

我只想用a { display: block; height: 15px; width: 40px; }格式化两个不同的a-tags。这样你甚至不需要div-tags ......

<div>内部链接（<a href="">) tag</a> </div>

6 个答案: