标记href 100％可点击

Question

我想制作可点击的div，而不只是文本本身...，如何制作？

maxHeight - height(n)

fiddle

示例......

Answer 1

将<a>标记放在您想要点击的任何位置。在下面的代码中，<a>标记围绕您想要点击的整个div。

<div class="body">
<a href="#" class="block bckgnd1"><div class="div1"><span>See more comments</span></div></a><div class="div2 bckgnd2">2 of 18</div>
</div>

Answer 2

我想这就是你要找的东西。您需要做的是将div1和div2设为inline-block并按照我提供的方式width给予他们。完成后，您需要做的就是制作anchor元素display: block，使其跨越div的整个宽度。见下文：

.div1 {
    background-color: red;
    height: 20px;
    display: inline-block;
    width: 83%;
}

.div2 {
    background-color: green;
    height: 20px;
    display: inline-block;
    width: 12%;
}

a.block {
    display: block;
}

<div class="body">
<div class="div1"><a href="#" class="block bckgnd1"><span>See more comments</span></div></a><div class="div2 bckgnd2">2 of 18</div>
</div>

Answer 3

围绕div包裹a。

<a href="url"><div>text</div></a>