HTML表中的输入文本溢出

我想用Javascript开发一个计算器。我被困在设计中。文本框显示超出了表格单元格的边框。以下是

/*样式文件如下所示*/
桌子{
边框：1px纯银；
边界半径：5px；
}
.btn{
宽度：75px；
高度：45px；
}
#等厚土{
背景颜色：蓝色；
颜色：白色；
边框颜色：蓝色；
}
#结果文本{
宽度：100%；
高度：40px；
右边距：2px；
}

7.
8.
9
/
4.
5.
6.
*
1.
2.
3.
-
0
.
=
+

已添加

*{
box-sizing: border-box;
}

由于对输入进行了填充，所以它将退出。希望这有帮助

/*样式文件如下所示*/
*{
框大小：边框框；
}
桌子{
边框：1px纯银；
边界半径：5px；
}
.btn{
宽度：75px；
高度：45px；
}
#等厚土{
背景颜色：蓝色；
颜色：白色；
边框颜色：蓝色；
}
#结果文本{
宽度：100%；
高度：40px；
右边距：2px；
}

7.
8.
9
/
4.
5.
6.
*
1.
2.
3.
-
0
.
=
+

非常感谢您的回答。是否将输入填充为0px与框大小调整相同：border box否

框大小调整：border box

将使用填充调整宽度它将离开div，但会使输入变小。谢谢