如何决解内边距影响边框大小？

这里的宽度是100%，加了个内边距后宽度变大了，多出的部分往右边增加了导致出现横向滚动条，如果把内边距（padding）取消边框就正常但是这样的话输入文字后文字距离边界就太近了。

    width: 100%;
    height: 6.25rem;
    padding: 0.625rem;
    border-radius: 8px;
    background-color: #f8f8f8;
    border: solid 1px #ebebeb;

基于Monster 组和GPT的调写：

    width: 100%;
    height: 6.25rem;
    padding: 0.625rem;
    border-radius: 8px;
    background-color: #f8f8f8;
    border: solid 1px #ebebeb;
    box-sizing: border-box;

box-size: border-box