CSS 菜单问题答案

【问题标题】：CSS Menu ProblemCSS 菜单问题
【发布时间】：2010-08-28 22:32:30
【问题描述】：

我有这个 CSS 菜单。它功能齐全。

但是当我把它放在某个表格单元格内的页面中时，它会像这样爆炸。不要介意银色和蓝色线条，它们来自页面。

现在我已经调试了页面和菜单本身。这种奇怪的行为仍然没有错误。然后我得到另一个菜单并把它放在这里，它显示了同样的错误。知道为什么会这样吗？

我可以粘贴代码，但我认为没有人会经历 500 行 HTML 和 100 行 CSS。

我正在使用最新的 Firefox。 IE6 显示相同的行为。

在这里查看代码...

CSS Menu Independent in a page

【问题讨论】：

在某处发布现场演示怎么样？ jsbin.com 和 jsfiddle.net 都很好。不要发布整个页面，只发布最小的sn-p来演示问题，大概是td内的菜单和一个外部的菜单来显示比较。
您可能需要发布一些代码。但是对于它的价值，这看起来像是在表格内部应用的不同 CSS 规则。找出适用哪些规则的正确工具是 Firebug 的右键单击“检查元素”功能。
没有代码很难，反正在HTML/CSS中使用表格已经过时了。
@Charlie Sheen，表格数据除外。表格确实服务于有效目的...
@ricebow：正确无误，但出于他的目的，这不是必需的。 :)

【解决方案1】：

您的“就地”样式表比“最小”样式表要长得多，并且包含改变布局的规则。特别是，搜索“280”——您正在为其设置一些宽度。

【讨论】：

【解决方案2】：

在某些浏览器中，表格会获得一些不是您所期望的默认样式。我现在不记得了，但我认为其中之一是 align="centre" 默认情况下。

也许尝试将表属性设置为您希望它们明确显示的内容？

table attributes 的 W3Schools。

【讨论】：