问题描述：
我本意是用一个大的a标签包裹住一个框，当我点击这个框时就触发a标签属性href，但是如果这个框内有其余同名的行内标签，就会排版出问题（虽然我知道可以用div的点击事件触发location.href）。
查了很多资料才明白，行内标签定义里说明了最好不要同名的嵌套行内标签，否则会在下一个行内标签开始前自动加上结束标志。（w3c不予许内联标签嵌套）
例如：
<a>sada
<a>sd</a>
</a>谷歌浏览器检查后发现：
解决办法：
1.最简单。不用同名的行内标签
2.稍微绕一点。给最外面那个绝对定位
3.最规范。用div的点击触发href。