为什么我整个div都是可点击的，而不仅仅是链接？

Question

我有此代码：

<div class="row">
    <div class="col-sm-12 col-md-6">
        <span> Test text </span>
    </div>

    <a href="#" class="col-sm-12 col-md-6 align-self-center text-md-right ng-scope">This is a link 
    </a>
</div>

我检查了一下，发现我的<a>标签在整个div中都是可点击的，但是我完全不明白为什么。有人可以告诉我我在做什么错吗？

以下是代码：https://www.codeply.com/p/UieZQL1mHw

Answer 1

在var number = 0.3937947494; Console.WriteLine(string.Format("{0:0.000}", number)); 上包裹a标签，例如：

div

Answer 2

 <a href="http://example.com">
    <div class="row">
        <div class="col-sm-12 col-md-6">
            <span> Test text </span>
        </div>

        <a href="#" class="col-sm-12 col-md-6 align-self-center text-md-right ng-scope">This is a link </a>
    </div>
    </a>

使用它。完整的div将可点击。