锚标记不使 div 可点击

Question

我正在尝试使整个 div 可点击，我执行了以下操作

  <a href=""><div class="col-lg-3 col-md-6 col-sm-6 col-12 item-mb">

                        <div class="service-box1 bg-body text-center">

                            <img src="img/service/service1.png" alt="service" class="img-fluid">

                            <h3 class="title-medium-dark mb-none"><a href="category-list-layout1.html">Electronics</a></h3>

                            <div class="view">(19,805)</div>

                        </div>

                    </div></a>

但是他的 div 无法点击，有人可以告诉我我的代码有什么问题吗？

Answer 1

首先，你不能有一个divinside&nbsp;a。我的意思是，从技术上讲，它在某些环境中有效，但它违反规范，因此您不能依赖该结构。如果你想要一个div宽的链接，你最好有你的a绝对位置和拉伸以适合你的div