Html 为什么我的<；输入>；元素比它高4倍'；指定的高度是多少？

我将输入放在标题中，出于测试目的，我希望输入与标题一样高，但当我将输入高度设置为与标题相同的高度时，输入会更高。。。所以我在输入中添加了

margin:0px

和

padding:0px

。。。但是，它仍然比高度高。当我将输入的高度设为46px时，它等于标题，即50px高度

.container{
宽度：96%；
保证金：0自动；
}
#标题{
高度：50px；
背景色：#05568D；
边界半径：10px 10px 0px 0px；
位置：相对位置；
}
#搜索ID{
填充：0px；
边际：0px；
高度：46px；
}

---

这是因为

框大小属性。
默认的
框大小调整
值为
内容框

内容框为您提供了默认的CSS框大小调整行为。如果将元素的宽度设置为100像素，则元素的内容框将为100像素宽，并且任何边框或填充的宽度都将添加到最终渲染

所以当你们在输入框中输入46px时，它的高度变成50px（内容：46px+边框：4px）

将
框大小：边框框
放在searchId中。
这是因为
框大小
属性。
默认的
框大小调整
值为
内容框

内容框为您提供了默认的CSS框大小调整行为。如果将元素的宽度设置为100像素，则元素的内容框将为100像素宽，并且任何边框或填充的宽度都将添加到最终渲染

所以当你们在输入框中输入46px时，它的高度变成50px（内容：46px+边框：4px）

在searchId中放入
框大小：边框框
。
放入
框大小：0
，或使用
框大小：边框框
放入
框大小：0
，或使用
框大小：边框框