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

【问题标题】：Why is my css not editing my html button height?为什么我的 css 没有编辑我的 html 按钮高度？
【发布时间】：2021-03-02 09:51:52
【问题描述】：

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

这是我的按钮代码：

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

&lt;div class="family"&gt;&lt;button&gt;$500/mnth&lt;/button&gt;&lt;/div&gt;

有人可以帮忙吗？

【问题讨论】：

【解决方案1】：

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

【讨论】：

那么我如何让它看起来像它已经改变并且与我的其他按钮一样大小也是百分比？
您可以将每个按钮设置为像素大小，例如width: 25px; height: 20px; 或确保 div 确实比按钮大 10 倍。
好的，那么如何确保 div 大 10 倍？我不必为其他两个按钮执行此操作，它可以按照我想要的方式进行编辑。我认为这是因为 div 已经大了 10 倍，但我该如何改变呢？
您可以再次将其设置为定义的像素大小。请注意，它实际上也会占用屏幕上的那么多空间，并且其他所有内容都将被推开以给您的 DIV 元素空间。除非您已将其设置为浮动在 HTML 中的其他元素之上。