Html 网页-firefox中奇怪的间距，在chrome中正确呈现

我是一名相对较新的web开发人员，目前正在开发一个在线页面

我遇到的问题是，Firefox上的div

topcontainer

（黄色背景）后面有一个白色空格。在chrome上，它按预期渲染

有人能给我指出正确的方向吗？或者告诉我是什么原因造成的？ 任何关于跨浏览器开发的其他帮助/提示也将不胜感激

.topcontainer{
高度：100px；
背景：金；
}
.行：之前，.行：之后{
内容：“；
显示：表格；
}
.栏目{
宽度：100%；
浮动：左；
高度：150像素；
}
.轨道集装箱{
溢出：隐藏；
宽度：100%；
背景：红色；
}

福
条形码添加以下内容：

.topcontainer{
溢出：隐藏；
}


.topcontainer{
溢出：隐藏；
高度：100px；
背景：金；
}
.行：之前，.行：之后{
内容：“；
显示：表格；
}
.栏目{
宽度：100%；
浮动：左；
高度：150像素；
}
.轨道集装箱{
溢出：隐藏；
宽度：100%；
背景：红色；
}

福
条形图
从
顶部容器中删除高度

应该是这样的

.topcontainer {
    background-color: gold;
}

我们可以看到你的CSS和HTML吗？Firefox中不可能有bug，你一定是做错了什么，这让它在Chrome中工作纯属偶然。@Jarg7在Firefox 36上对我有效，但我需要高度，因为我希望.topcontainer缩小。是的，但它改变了页面的另一个方面。