Html 为什么在Safari和Firefox中min height不能在我的桌子上工作？

该网站在Chrome和Edge上运行正常，但在Firefox和Safari上运行不正常

这是一张工作票

下面的图片显示了顶部Safari和底部Chrome之间的比较。它应该看起来像最下面的那个

。拼写span{
位置：相对位置；
最高：25%；
}
.注{
明确：两者皆有；
}
.拼写{
文本对齐：居中；
最大宽度：100%；
高度：35px；
背景色：#E7E7E7；
}
BUFF先生{
背景色：#80DE57；
}
纳夫先生{
背景色：#DE5B54；
}
.改变{
背景色：#D2A557；
}
.新的{
背景色：#50B9EB；
}
.错误修正{
背景色：rgb（141141141）；
}
.更改图标{
-webkit触摸标注：无；
-webkit用户选择：无；
-khtml用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
游标：默认值；
颜色：白色；
垂直对齐：中间对齐；
文本对齐：居中；
最小宽度：70px；
身高：100%；
显示：表格单元格；
}

文本

测试

文本

测试

削弱

最小高度

在桌子上不起作用

您必须将其替换为

height

。拼写span{
位置：相对位置；
最高：25%；
}
.注{
明确：两者皆有；
}
.拼写{
文本对齐：居中；
最大宽度：100%；
高度：35px；
背景色：#E7E7E7；
}
BUFF先生{
背景色：#80DE57；
}
纳夫先生{
背景色：#DE5B54；
}
.改变{
背景色：#D2A557；
}
.新的{
背景色：#50B9EB；
}
.错误修正{
背景色：rgb（141141141）；
}
.更改图标{
-webkit触摸标注：无；
-webkit用户选择：无；
-khtml用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
游标：默认值；
颜色：白色；
垂直对齐：中间对齐；
文本对齐：居中；
最小宽度：70px；
身高：100%；
显示：表格单元格；
}

文本

测试

文本

测试

削弱

多样性：

您可以在元素上使用

行高度

，而不是

高度

。拼写span{
位置：相对位置；
最高：25%；
}
.注{
明确：两者皆有；
}
.拼写{
文本对齐：居中；
最大宽度：100%；
高度：35px；
背景色：#E7E7E7；
}
BUFF先生{
背景色：#80DE57；
}
纳夫先生{
背景色：#DE5B54；
}
.改变{
背景色：#D2A557；
}
.新的{
背景色：#50B9EB；
}
.错误修正{
背景色：rgb（141141141）；
}
.更改图标{
-webkit触摸标注：无；
-webkit用户选择：无；
-khtml用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
游标：默认值；
颜色：白色；
垂直对齐：中间对齐；
文本对齐：居中；
最小宽度：70px；
身高：100%；
显示：表格单元格；
}

文本

测试

文本

测试

削弱

可能重复@AmitHorakeri我试过，这无助于增加身高：100%；有什么原因需要显示为表格和表格单元格吗？@Aaron有，因为它是网站更大部分的一部分，有更多的按钮围绕着它排列way@AmitHorakeri这不是重复的问题是safari特有的，Higeath想知道为什么高度在其他浏览器中表现不同。现在它在chrome上不能正常工作，我应该同时保持最小高度：41px；高度：41px；如果更新了我的答案，您需要将高度添加到chrome的

表格单元格

元素中！