Css 位置：修复-firefox和chrome中的差异

我正在使用它来创建一个响应性设计

这是它分别在Chrome和Firefox中的外观

铬：

火狐：

正如你所看到的，应该是菜单的灰色条在chrome中看起来很好。我试图实现的是一个粘性菜单，它在父菜单中相对固定

这是#菜单（灰色条）的css

下面是使用骨架样板的#菜单类

<div id="menu" class="sixteen columns">

你可以通过这个URL来测试它

并下载源代码（很抱歉文件太乱）

---

删除到

显示：在您的css中内联

.container .column, .container .columns{
display:inline; // remove this line 
}

因为您定义了
float:left
比u添加显示：块；你能解释一下为什么firefox显示的很尴尬吗？我实际上在元素本身上强制了display:block，这样我就不会改变框架了boilerplate@kapitanluffy添加到css文件第25行，删除该行或添加display:block@kapitanluffy，这是我的想法的简单解释
.container .sixteen.columns {
    width: 940px;
}

.container .column, .container .columns {
    float: left;
    display: inline;
    margin-left: 10px;
    margin-right: 10px;
}

.container .column, .container .columns{
display:inline; // remove this line 
}