a标签与行内标签嵌套问题

问题描述：

我本意是用一个大的a标签包裹住一个框，当我点击这个框时就触发a标签属性href，但是如果这个框内有其余同名的行内标签，就会排版出问题（虽然我知道可以用div的点击事件触发location.href）。

查了很多资料才明白，行内标签定义里说明了最好不要同名的嵌套行内标签，否则会在下一个行内标签开始前自动加上结束标志。（w3c不予许内联标签嵌套）

例如：

<a>sada
 <a>sd</a>
</a>

谷歌浏览器检查后发现：

解决办法：

1.最简单。不用同名的行内标签

2.稍微绕一点。给最外面那个绝对定位

3.最规范。用div的点击触发href。