我在Figma中得到了设计。我看到那个按钮的高度是40px。
如何使用padding+height简洁地设置它？
如果设置高度：40px并添加填充，则会按高度增加40px。
使用*选择器在按钮或所有元素上设置box-sizing:border-box;(我的建议(可以解决您的问题。
*{
box-sizing:border-box;
}
button{
height:40px;
padding : 0.5rem;
}<button>My button</button>要了解更多关于box-sizing的信息，我真的建议您阅读MDN上的此处。这里有一个概述：
框大小
框大小CSS属性设置如何计算元素的总宽度和总高度。
方框大小调整属性可用于调整此行为：
content-box为您提供默认的CSS框大小调整行为。如果将元素的宽度设置为100像素，则元素的内容框将为100像素宽，并且任何边框或填充的宽度都将添加到最终渲染的宽度中，使元素的宽度大于100px。
border-box告诉浏览器考虑为元素的宽度和高度指定的值中的任何边框和填充。如果将元素的宽度设置为100像素，则这100像素将包括您添加的任何边框或填充，并且内容框将收缩以吸收额外的宽度。这样通常可以更容易地确定元素的大小。框大小：边框框是浏览器用于<table>、<select>和<button>元素以及类型为radio、checkbox、reset、button、submit、color或search的<input>元素的默认样式。