Javascript 按下切换按钮会影响jQuery中div的位置

我试着寻找以前问过的其他问题，但似乎找不到与我的情况相关的问题。我会尽力解释的

我希望能够在我的项目中按下“调谐器打开”按钮，在清除矩形米色屏幕上的任何文本之间切换，但同时不改变右上角显示“节拍器”的位置。每次我按下“调谐器打开”切换按钮时，它都会向上移动“节拍器”矩形，同时清除字母“A”

如何使切换按钮不改变“节拍器”位置

$（文档）.ready（函数（）{
$（“button.GreyRectangle1”）。单击（函数（）{
$（“div.ReceivedNote”）.toggleClass（“ReceivedNote1”）；
})
})

.ReceivedNote{
z指数：4；
}
.ReceivedNote1{
显示：无；
}
.节拍器盒{
位置：固定；
}
.节拍器{
字体系列：arial；
颜色：白色；
背景色：黑色；
转换：scaleX（1.2）；
字体大小：0.5em；
高度：10px；
宽度：60px；
边界半径：3px；
利润上限：-17px；
左边距：185px；
z指数：2；
}

A.
节拍器
调谐器打开

诀窍是使用

可见性：隐藏

而不是

显示：无

谢谢您的评论，但它不起作用。不过我还是用“可见性：隐藏”解决了另一个人的问题对不起，我错了。我会找到答案的。我想到的是边界，你可以在不改变尺寸的情况下设置颜色。