啊！ Firefox 中的最后一分钟浏览器/CSS 怪癖 - 任何人都可以帮忙吗？答案

【问题标题】：Argh! Last minute Browser/CSS Quirk in Firefox - can anyone help?啊！ Firefox 中的最后一分钟浏览器/CSS 怪癖 - 任何人都可以帮忙吗？
【发布时间】：2011-10-25 10:55:40
【问题描述】：

所以我开始调整这个页面的 html/css。据我所知，没有什么特别的。

现在它在 Firefox (see for yourself) 中看起来完全错误，而在我能想到的所有其他浏览器中都很好。 html 已通过 W3 工具验证。我很困惑，以前有人遇到过这种情况吗？

【问题讨论】：

您需要清除菜单上的浮动。
更新：感谢大家的及时和完全正确的回复。一百万年后我不会得到它;-)。我已将你们全部标记为 +1，并接受了代表最低的人提交的答案。 CSS 是一个善变的情妇。

标签： html css firefox cross-browser quirks-mode

【解决方案1】：

你只需要清除浮动。尝试将其添加到您的样式表中：

table.layouttbl
{
    clear: both;
}

This might help too.

【讨论】：

虽然这行得通，但没有理由让菜单浮动，这是添加一个 hack 来对抗以前的 hack。

【解决方案2】：

尝试清除您放在菜单上的浮动。

<table cellspacing="0 " cellpadding="0" class="layouttbl" style="clear: left;">

您可以将其放入实际的样式规则中，或者添加另一个元素并将其附加到该元素上。

【讨论】：

【解决方案3】：

在Site.css (line 108) 中添加overflow: hidden 到.page 类
添加新属性：.layouttbl {float: left}

这解决了您在 Firefox 中的问题。请务必在其他浏览器中检查该网站。

【讨论】：

【解决方案4】：

您的菜单 div 不需要浮动，请从 #divMenu 中删除浮动。请小心，因为您在 2 个不同的地方定义 #divMenu

【讨论】：