奇怪的与IE的浮动问题

问题描述：

我正在为我的php类做一个网站，并刚刚完成我的项目，除了在IE中的一个奇怪的浮动问题。我只是左右浮动，但该网站似乎清理了左侧，并不确定IE为何导致此问题。有什么建议么？ http://ectweb.cs.depaul.edu/AHARDEN2/project/index.php 奇怪的与IE的浮动问题

既然你正在做一个浮动的布局，您可能希望确保这些花车被清除。将'overflow：hidden'添加到'div＃main'会做到这一点，并且也为我解决了IE9中的问题。 – ajm 2012-07-11 13:48:12

谢谢。溢出：隐藏确实可以解决问题。但为什么溢出：隐藏而不是清晰：左或右。 – Nerdysyntax 2012-07-11 13:54:24

那么，在这种情况下'overflow：hidden'是另一种确保元素被清除的方法。下面是清除浮动的各种方法的一个很好的解释：http://stackoverflow.com/questions/211383/which-method-of-clearfix-is-best – ajm 2012-07-11 14:01:33

答

这可能是因为IE8及更低版本无法识别标签，如<nav>,<section>等。因此，它们不匹配您的CSS选择器，如nav ul li a {...}

尝试重写您的CSS以在其选择器中不使用这些标记。

附注：IE9正常工作。

IE9不适合我。 – Christoph 2012-07-11 13:49:02

FWIW，我也可以在IE9中重现。开发工具也显示IE9浏览器/文档模式。 – ajm 2012-07-11 13:49:22

@ajm我知道这一点 - 我现在正在使用IE9并将其切换到IE8模式以查明哪里出了问题。 – 2012-07-11 13:50:40

答

你可以尝试添加一个CSS重置像这样的： http://meyerweb.com/eric/tools/css/reset/

而HTML5的毒刃像这样的： http://code.google.com/p/html5shiv/

奇怪的与IE的浮动问题

相关推荐