css - IE9 奇怪地渲染 Bootstrap 布局，我不知道为什么

Question

[更新：问题已解决。]

问题出在标题部分，我在其中使用 a<span3>和 an <hr>，然后是 a<span6>和标题，然后是另一个<span3>。它在除 IE9 及以下的所有浏览器中都能正常工作。[编辑：它在 Firefox 中也坏了 :-( ]

我无法弄清楚为什么布局会这样中断，并且在 Mac 上，使用远程 VM 进行调试非常棘手。有任何想法吗？

截图如下：

Chrome 和其他优秀的浏览器：

IE9：

Answer 1

答案似乎是添加clear: left;到第一个<span3>. 这似乎不是一个理想的解决方案，但它仍然有效。

我在我的代码中这样做的方式是：

div.row.page-heading:first-child {
    clear: left;
}