css - 内联元素中的 block 元素

Question

我一直在尝试剖析 behance.net 网站上的一些 CSS。我已经在 chrome 检查器中非常彻底地查看了它，但有些事情我就是不明白。

在顶部导航栏上，有文字显示“发现”、“画廊”、“工作”。我注意到“发现”是 anchor 标记内的一个 div。我的印象是 block 级元素不能存在于内联级元素中。但这是一个非常专业的网站，他们正在这样做。它不会在某些浏览器中中断吗？

<a    class="nav-link" href="/"><div class="nav-text nav-sprite nav-sprite-discover">Discover</div></a>

谢谢!

Answer 1

根据 HTML5 文档， <a> 元素有一个 transparent content model ，这意味着它们可以包含 block 级元素。

_{在 HTML4 及以下版本中，<a>元素是行内元素，不能包含 block 内容。}