html - 为什么我的 css 没有编辑我的 html 按钮高度？

Question

我正在尝试编辑此按钮，但由于某种原因，它只会更改按钮的某些属性，即使我能够完全按照我想要的方式编辑其他按钮。

这是我的按钮代码：

.family button {
  height: 10%;
  width: 10%;
}

<div class="family"><button>$500/mnth</button></div>

有人可以帮忙吗？

标签： htmlcssbuttonheightedit

Answer 1

百分比（％）的高度是父元素（在您的情况下为 DIV）。因此，如果 DIV 已经是您希望按钮大小的 10 倍（我假设从您的 10% 值），那么按钮似乎不会改变，但实际上是。