a标签不能包裹div了？！你可能犯了这个错

# a标签不能包裹div了？！你可能犯了这个错

作者：吴业飞

时间：2019年1月8日

---

# 背景

本文记录了一次发现bug解决bug的过程。

# 需求

要求在整个全屏banner都能点击跳转页面，而不是点击banner上的按钮才跳转

# 问题

一拿到这个需求不以为然，因为太常规了，但是后面发生的事让我百思不得其解。我的代码结构原来大概是这样的

<div class="banner">

<!-- some code here -->

<a href="#">go to some where</a>

</div>

现在要整个banner都能点击嘛，那外层包个a标签不就行了，于是我这样写

<a href="#">

<div class="section">

<!-- some code here -->

<a href="#">go to some where</a>

</div>

</a>

很正常对不对，然而页面上渲染成了这样

<a href="#"></a>

<div class="banner">

<a href="#">

<!-- some code here -->