IE9 Float Duplication / Drop Bug？

Question

我希望其他人对这里发生的事情有所了解。当我最初在09年的this网站上工作时，我在几个版本的Internet Explorer上测试了它并且它可以接受，但是在IE9中它就像this一样。 （比较正确和IE9版本。应该很明显哪个是哪个。） 令我最困惑的是，包含主要文本的框似乎已被复制。虽然我在这里有两个元素可能会产生重复的印象，但我删除了一个，它仍然做了同样的事情。 “textbox”div似乎是导致问题的那个，如果没有设置高度，它会更好一些。然后它与标题之间存在垂直间隙，可能是100px，但不再重复或低于侧边栏。

Answer 1

您遇到了一些破坏网站布局的标记问题。例如：

<ul>  
  <li><a href="communityed.html">Community Education and Training</a></li>      
  <li><a href="outreach.html">Outreach</a> <!-- no closing </li> -->
  <li><a href="cals.html">CLCM Programs</a></li>
</ul>

您也忘了关闭<h1>：

<div id="linksline">
  <h1>Links
</div>

修复这些已在IE9中解决了您的布局。

请记住，始终验证。您可以在IE9中轻松完成此操作，方法是按F12，然后选择验证选项，继续选择 HTML 。

Answer 2

这是您的错误，h1标签未关闭  第74行

<div id="linksline">
    <h1>
    Links</div>