申请超链接到CSS创建DIV

Question

我需要找出一种方法，例如，黄色框<div id="bottom">和文本<div id="basket">SHOP NOW</div>链接到google.com。

我已经尝试添加<div id="bottom"><a href="www.google.com" class="fill-div"></a> </div>但没有任何工作。当我添加此语法时，它似乎会歪曲整个部分。

我已经遍寻寻找答案的地方，我几乎读过所有相关的StackOverflow文章，但仍然无法找出正确的方法来做到这一点。

这是我的代码链接https://jsfiddle.net/sixpac/8p4m7oc2/8/。

有人能指出我对这个方向正确吗？这可能需要JavaScript才能完成？谢谢！

Answer 1

您可以将div元素封装在一个定位元素中，让它链接到您选择的url /文件。

即

<a href="www.google.com" class="fill-div"> 
<div id="bottom"> 
</div> 
</a> 

这应该是代码：

https://jsfiddle.net/RreTH/

编辑：

这将使整个div元素链接到谷歌只是文本链接<a href="example"></a>应该足以仅链接文本。

Answer 2

简单地改变basket股利<a>：

<a id="basket" href="http://www.google.com">SHOP NOW</a> 

Answer 3

您正在寻找这样的事情https://jsfiddle.net/8p4m7oc2/13/

<div id="bottom"> 
    <a href="google.com" id="basket">SHOP NOW</a> 
    <div id="price"><a href="google.com">$70.00</a></div> 
</div>