Html 如何调整chrome扩展弹出窗口的大小？

我的文本正在从屏幕上消失，当我在输入字段中单击空格时，它会将窗口向右移动，并使另一个文本框从屏幕上消失到左侧。我有一个DOCTYPE html，而且是新的，所以我不确定问题出在哪里

钮扣{
显示器：flex；
背景色：#90ee90；
高度：30px；
宽度：40px；
边界：1px#90ee90；
保证金：0；
位置：相对位置；
左：40%；
顶部：5px；
对齐项目：居中；
证明内容：中心；
边界半径：3px；
字体大小：粗体；
大纲：无；
}
按钮：悬停{
背景色：#4caf50；
}
按钮：激活{
背景色：#006400；
}
#总数{
高度：15px；
宽度：60px；
位置：相对位置；
左：55px；
}
#itemValuePC{
高度：15px；
宽度：110px；
位置：相对位置；
顶部：5px；
左：5px；
}
#itemValueXbox{
高度：15px；
宽度：110px；
位置：相对位置；
顶部：0px；
左：110像素；
}
发送

我找到了我需要做的答案

body {
width: ;
height: ;