Html 使整个<；文章>-标记链接

我正在进行wordpress定制，我需要一个完整的文章标签作为链接。
基本上当我悬停

及

第一个代码应该可以工作。将类添加到

谢谢Kijan 你的答案几乎是正确的。 我不得不这样调整它：

    .parent{
	position: relative;
    }
    .block{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
    }

如果您必须将整个
文章
link@Mr.Alien对于博客或商店来说，将整个帖子/产品条目作为链接是很常见的。你应该指出（通过这样建议）：使用此解决方案，你不能在文章中包含其他锚元素。Good point@RokoC.Buljan。JS解决方案（单击事件开启）在这种情况下会很有帮助不幸的是，由于
A
是一个内联元素，
article
是一个块元素，我认为它实际上不是有效的HTML。我认为在内联元素中嵌套块元素是不合法的。然而，我必须同意这个解决方案是最有意义的，我想不出更好的解决方案。当然可以将
a
嵌套在文章中，但是
article
通常还包含其他块元素，例如
header
或
h1
等，因此我认为没有一种有效的HTML方法来实现这一点。我猜在某个时候，他们会放弃内联元素不能包含块元素的规则。啊，我老了。根据，由于HTML5实际上允许围绕块级元素包装
a
。这是个好消息！这使得这个答案完全正确！请注意，该链接可能仍然不包含嵌套链接或按钮等。是的，这可能是解决方案，为您的网站定位必要的。为解决方案干杯。顺便说一句，如果你想在块中添加其他链接，你可能会定位该项目以及例如：阅读更多按钮在文章。但你们把相对位置和绝对位置放在同一个类中，这是错误的。block@KijanMaharjan这只是示例代码中的一个输入错误。哦，代码块中的一个片段。他们下一步会怎么想。
<article>
    <a href="mylink">
        /*article content: an image, header &text*/
    </a>
</article>



    .parent{
	position: relative;
    }
    .block{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
    }