a标签，嵌套问题

参考贴
https://www.cnblogs.com/leungUwah/p/6234832.html
https://www.php1.cn/detail/php-c7b2cc89d1.html
https://blog.csdn.net/qq_40776187/article/details/85121095

场景，做一个卡片，需求，当我们点击，卡片，或者卡片内部的btn的时候需要进行页面的跳转，
我们可能会如下，就，写了

一般可能会写

	<div class="outer">
		<a class="out_a" href=".a.html" style="display: block;">
			<div class="out">
				<div class="inner1">
					<p class="content">我是内容</p>
				</div>
				<div class="inner2">
					<a href="a.html"><button>查看详情</button></a>
				</div>
			</div>
		</a>
	</div>

单从，规范上来讲，2点错误

1.a标签是行内元素，不能嵌套块级元素
2.a标签内不能嵌套a标签

如果按上述代码来写，则在浏览器中，会被截断，具体，请看下图

为避免截断的问题，根据参考贴，使用的是object标签