除非存在其他样式，否则最小高度样式不适用于按钮答案

【问题标题】：min-height style not working on button unless other style is present除非存在其他样式，否则最小高度样式不适用于按钮
【发布时间】：2019-01-04 08:58:25
【问题描述】：

在以下 HTML 中，min-height 样式属性在（我的版本）Chrome 和 Mac 上的 Safari 中不起作用，但在 Firefox 中起作用：

<html>
<head>
  <style>
  </style>
</head>
<body>
  <button style='min-height:50px;'>
                hello
  </button>
</body>
</html>

我还注意到，如果在按钮上添加了一些 other 不相关的属性，例如background-color:#abc;，则min-height 属性会在Chrome 和Safari 中生效。

这是一些已知的 webkit 错误，可能是我应该注意的一大类错误的一部分吗？还是根本不是错误？

谢谢！

【问题讨论】：

不，在您提到的浏览器中可以正常工作，这意味着您可能在其他地方设置了按钮。
@LGSon 我不明白你关于“在别处设置按钮”的评论。即使我在演示中按“运行代码 sn-p”，它也不起作用，所以这不像是我混淆了我的文件或其他东西。同样的问题在 Safari 中，但就像我说的，不是在 Firefox 中。 Chrome 版本：71.0.3578.98（官方版本）（64 位）。
我刚刚用我的 Chrome 运行它（版本 71.0.3578.98（官方构建）（64 位）），没问题，应用了最大高度
好吧，我刚刚再次在我的代码中运行了代码 sn-p，但问题仍然存在……我想还有其他一些变量在起作用。你试过 Safari 吗？（顺便说一句，它是最小高度，不是最大高度，但无论如何。）

【解决方案1】：

它对我有用。请试试这个

<html>
<head>
    <style>
    </style>
</head>
<body>
    <button style='min-height:50px;display:inline-block'>
        hello
    </button>
</body>

【讨论】：