为什么这个CSS代码在模态体和页脚之间有一个奇怪的边界？

我已经设法解决了这个问题，但它必须在chrome浏览器上运行

基本上，模态体和模态页脚之间有一个灰色边框，如果我注释掉

font:13px/1.5em sans serif，这个边框就会消失，或从button元素中注释掉
高度
和
行高度
。如果删除modal__body元素中的文本，边框也会消失

问题看起来是这样的：


模态正文和页脚之间有灰色边框/分隔符。这会出现在Chrome浏览器上，而不是Firefox上


正文{
背景色：#3c；
字体：13px/1.5em无衬线；
}
.clearfix:之前，
.clearfix:之后{
显示：表格；
内容：''；
}
.clearfix:之后{
明确：两者皆有；
}
.莫代尔{
溢出：隐藏；
位置：绝对位置；
最高：50%；
左：50%；
边界半径：6px；
转换：翻译（-50%，-50%）；
}
.modal--较暗的阴影{
盒影：0.2px4p2pRGBA（#000，0.2）；
}
.modal___身体{
填充：15px；
背景色：白色；
}
.modal_u_页脚{
填充：15px；
背景色：#F2F2；
}
.按钮{
显示：内联块；
高度：32px；
保证金：0；
边框：1px实心；
颜色：#dddddd；
字体大小：粗体；
线高：30px；
文本对齐：居中；
文字装饰：无；
盒影：0 1px 0 rgba（#000，0.1）；
光标：指针；
用户选择：无；
}

为什么是边境？
洛格酒店
我已经使用了顶部填充设置。当您为两个对象添加更多填充（顶部或底部）时，此“边框”将不可见。
可能是因为主体css规则，如果删除字体族，边框将不会显示字体族添加边框的方式。我不知道字体族为什么会将边框添加到div中，所以请在删除字体族后检查

body {
    background-color: #3c3c3c;
    font: 13px/1.5em sans-serif;
}

希望它会有意义

上述规则的正确格式

body {
    background-color: #3c3c3c;
    font-size: 13px/1.5em;
   font-family: sans-serif;
}

您的问题主要是因为
转换。变换会产生半像素测量值，这显然是无法渲染的。引入了一些错误，页面的背景色也显示了出来。为了演示这一点，让我们给模态一个红色的背景色，使其变得明显

下面的演示


正文{
背景色：#3c；
字体：13px/1.5em无衬线；
}
.clearfix:之前，
.clearfix:之后{
显示：表格；
内容：''；
}
.clearfix:之后{
明确：两者皆有；
}
.莫代尔{
溢出：隐藏；
位置：绝对位置；
最高：50%；
左：50%；
边界半径：6px；
转换：翻译（-50%，-50%）；
}
.modal--较暗的阴影{
盒影：0.2px4p2pRGBA（#000，0.2）；
背景色：#F00；
}
.modal___身体{
填充：15px；
背景色：白色；
}
.modal_u_页脚{
填充：15px；
背景色：#F2F2；
}
.按钮{
显示：内联块；
高度：32px；
保证金：0；
边框：1px实心；
颜色：#dddddd；
字体大小：粗体；
线高：30px；
文本对齐：居中；
文字装饰：无；
盒影：0 1px 0 rgba（#000，0.1）；
光标：指针；
用户选择：无；
}
.modal.no-transform{
转化：无；
位置：绝对位置；
排名：0；
}

为什么是边境？
洛格酒店
为什么没有边界？没有变换！
洛格酒店
如果使用引导模式，则页眉、正文和页脚之间有一行。这不是引导，而是将正文中的字体更改为
font:12px/1.5em sans serif时的几行代码边界消失了，为什么？强迫我使用12px是没有意义的。现在，连我都担心为什么会有边界呢？我们没有指定边框，它只是神奇地出现了，很高兴知道并理解：）您在哪里添加了顶部填充？当modal_body的填充底部在1px和19px之间时，它看起来更像是一个浏览器“自动”边框。当它超过20像素时，它就消失了为什么？是的，但如果我想要整体填充，它会回来。现在尝试添加一个边框顶部：1px soild#d1d1；在.modal\uuuu页脚上。你有两个边界@alex用了一些类似下面的想法。。body{background color:#3c3c；font size:13px/1.5em；font family:sans serif；}在我的情况下，如果我用这个替换body规则，那么它的body{background color:#3c3c3c；font size:13px/1.5em；font family:sans serif；}请您详细解释一下好吗？谢谢！你有什么建议，我应该如何添加一个页脚上边框在这个模式？一个1px的分离器。现在它的工作方式与现在不同。