Firefox 上的额外边框 div 但在 Safari 或 Chrome 中没有答案

【问题标题】：Extra border div on Firefox but not in Safari or ChromeFirefox 上的额外边框 div 但在 Safari 或 Chrome 中没有
【发布时间】：2015-05-29 02:35:47
【问题描述】：

我有这个 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;
}

【问题讨论】：

请也提供html..
不可能从这些图像中分辨出额外的边框是什么。请描述它（在您的问题中，而不是在评论中）。

标签： css firefox

【解决方案1】：

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

【讨论】：