改变标签区域＆＃34; a＆＃34;点击

Question

我有这段代码

<div id="div1" style="width:200px;height:200px;" >
<a href="http://url.com" >some text </a>
</div>

根据上面的代码，当用户在“某些文本”上移动鼠标时，他可以点击链接。 但是当用户在div区域移动鼠标时，我想更改上面的代码，可以点击并转到"http://url.com"。 我不要使用填充。

Answer 1

如果您将a标记设为块级元素，则可以使整个区域可单击。

这是css：

#div1 a {
    display: block;
    width: 100%;
    height: 100%;
}

最后，小提琴：Demo

Answer 2

在HTML5中，您可以围绕块级元素包装链接。

<a href="http://url.com" >
    <div id="div1" style="width:200px;height:200px;">
        some text
    </div>
</a>

Answer 3

将<a>放在div之外或在<a>

中使用块样式

<a href="http://url.com">
   <div id="div1" style="width:200px;height:200px;">some text
   </div> 
</a>

...或

<a href="http://url.com" style='display:block;height:200px;width:200px'>some text</a>