我是否正确，只要不使用填充属性，我就不需要使用 box-sizing 来创建固定宽度的元素

Question

如果我已指定 HTML 元素（例如 button）的 width 以保持宽度固定，那么我是否需要指定 [=15] 我是否正确=] 只要我只使用了 padding-top 和 padding-bottom 属性？我想创建固定宽度的按钮。我发现以下两种方法给出了相同的结果。我是 css 的新手。我想确保我已经正确理解了这个概念并且没有遗漏任何极端情况。

方法一：创建一个固定宽度的按钮。不使用具有 padding-top 和 padding-bottom 属性的大小调整。

.button-common-styles-normal{
    background: radial-gradient(ellipse,#268ff4 5%,#4da3f8 95%); 
    border:none;
    color:white;
    border-radius: 8px;
    width:200px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;

}

方法二：创建一个固定宽度的按钮。使用 box-sizing 和 padding 属性

.button-common-styles-normal{
    background: radial-gradient(ellipse,#268ff4 5%,#4da3f8 95%); 
    border:none;
    color:white;
    border-radius: 8px;
    width:200px;
    box-sizing: border-box;
    text-align: center;
    padding: 10px;  
}

Answer 1

在你的情况下，两者都是正确的，但是当你从左边和右边放置填充或放置一些边框时，当使用框大小调整属性和默认值内容框时，它会增加你的按钮宽度或高度。我的意思是它会超过你在使用 box-sizing 属性和默认值 content-box.

时定义的宽度或高度

看看这个link，你就清楚了https://css-tricks.com/box-sizing/

我是否正确，只要不使用填充 属性，我就不需要使用 box-sizing 来创建固定宽度的元素

Am I correct that I do not need to use box-sizing to create fixed width element as long as padding property is not used

css

box-sizing

我是否正确，只要不使用填充属性，我就不需要使用 box-sizing 来创建固定宽度的元素