我有一个简单的水平菜单,有两个级别。此菜单延伸到包装器的 100% 宽度。这是小提琴:http: //jsfiddle.net/gpsgv/
如果您在除 Firefox 之外的任何浏览器中运行此小提琴,它会按预期显示以下内容:
如果你在 Firefox 中运行这个 fiddle,它会显示以下内容:
查看代码,二级列表绝对位于一级项目(具有display: relative
样式)内。因此,将left: 10px
样式设置为二级列表应将其定位在距离其相对定位的祖先左侧 10px 处。同样对于top: 30px
。但在 Firefox 中,相反,它将它定位在左侧和顶部我不知道是什么,也许是身体?
我的问题是,是否有任何解决方案可以使其在 Firefox 中正确显示,而无需更改 HTML?
PS 我使用display: table-cell
是因为菜单必须沿 100% 容器宽度均匀分布。