将块元素放入链接标签 IE 8、IE 9答案

【问题标题】：Put block elements into a link tag IE 8, IE 9将块元素放入链接标签 IE 8、IE 9
【发布时间】：2015-02-26 05:09:22
【问题描述】：

据我所知，浏览器渲染一些标记完全没有问题：

<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 会导致问题。所有元素都被移动，而不是它们应该在的位置。您对此有什么了解以及如何解决此问题？

谢谢

【问题讨论】：

您是否将a 元素的样式设置为display: block？
@JamesDonnelly 这里没有变化，我有一个默认链接。我应该吗？
默认情况下，a 元素的样式为display: inline。
@JamesDonnelly 我知道，但这为什么会导致问题？我想让它内联。
display:inline-block 的链接应该会有所帮助。（如果不是，那么请更具体地说明您的问题以及您真正想要什么。）

标签： html css internet-explorer cross-browser

【解决方案1】：

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

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

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

【讨论】：