html - 将 block 元素放入链接标签中 IE 8, IE 9

Question

据我所知，浏览器渲染这样的标记完全没有问题:

<a href="link.html">
  <h1> some headline </h1>
  <p> some text </p>
  <img src="someImage.png" alt="some image">
</a>

显然 IE 8 和 IE 9 确实存在一些问题。当我打开页面时，围绕这些元素的 a-tag 会导致问题。所有元素都被移动了，而不是在它们应该在的位置上。您对此有何了解以及如何解决该问题？

谢谢

Answer 1

我编写了一个快速演示，将主题 anchor 包装在内联、内联 block 和 block div 中。在上方，您将看到 Firefox(背景)和 IE8(前景)之间的比较。内联 div 的行为就好像它向左浮动一样。我没有看到 IE8、Firefox 或 Chrome 之间有任何明显的区别。

在线演示:https://googledrive.com/host/0B8BLd2qPPV7XWG93OFhROGNSaEE/MeesterLeester.html

@超大号。这回答了你的问题了吗？或者，也许您可​​以调整此演示来说明您的顾虑。