首先,您的导航锚是浮动的——您在哪里清理以维持块状结构?这就是您的导航在 IE 7 中损坏的原因。
我认为 IE 7 不支持 CSS 中的 nth-child - 您可能必须通过 Jquery 执行此操作,或者在您希望内容居中的表格单元格上添加一个类。
希望这可以帮助
污秽
/ **此处更新答案 * **** /
我认为值得你在这里阅读“清除”浮动元素
由于 IE 7 和 6 有时是一个完整的 B&#@H,因此您必须能够以其他方式开发您想要的东西,以适应这些像浏览器一样的垃圾。所以,这里是你的“导航”css 和 html 根据当前标准应该是什么样子的Jsfiddle 。
另外,我认为您需要重新了解何时使用“ id ”而不是“ class ”-在这种情况下,您的 HTML 中将/应该只有一个“ nav ”,因此您想给它一个ID因为它是独一无二的。
如果你想要一个内联导航,我发现最好浮动“ li ”元素并在导航后通过将类“ clearfix ”添加到“ ul ”和相应的样式来完成您的清除。
有关“清除”的简短示例,我在 nav 之后有一个 div,其中包含一个段落。如果您从“ nav ”中删除类“ clearfix ”,您将看到“段落”与“ nav ”一样出现在一行中。这就是为什么清除所有浮动元素很重要的原因。
至于您的表格居中问题,我给您的 Jsfiddle 是要采取的路线,因为它将适应所有浏览器和移动设备。