Firefox上的额外边框div，但Safari或Chrome中没有

Question

我有这个CSS问题。有些div只在Firefox中显示一个额外的边框：

但在Safari和Chrome上看起来不错：

这是div的css：

.div {
    color:#555555;
    font-size: 13pt;
    padding: 15px 20px;
    margin-bottom:-5px;
    background-color: #ffffff;
    height:auto; display:inline-block; width:900px;
    border-top:solid 1px #e1e1e1;
    z-index: 90;
    position:relative;
}

Answer 1

我认为您的问题是display:inline-block;，您可以将它们内联。为什么？ firefox似乎插入了新行，这就是你看到的空间。是不是有理由不使用display: block？ （只是在你的小屏幕截图中看不到）