a标签包裹div的问题

示例代码

1 <a href="#">
2         <div>
3               <a href="#"></a>
4        </div>
5 </a>

由浏览器渲染完的代码

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

解决原理

W3C的一句话：a元素可以环绕整个段落、列表、表格等，甚至整个部分，只要其中没有交互内容（例如，按钮或其他链接）

解决方法

将a标签里的所有链接、按钮元素删除即可