Html CSS，调整窗口大小时按钮消失

在我的项目中，我的div主体中有一个按钮。当我调整窗口大小时，按钮神秘地消失了。我一直在寻找其他的解决方案，但是没有一个对我有效

这是我的密码：

。第1节{
宽度：100%；
高度：100vh；
位置：相对位置；
背景：url（“https://udodjfjfjfoeoeo.com.dekffrfr）无重复中心/盖；
}
.主注册号码{
背景色：透明；
位置：相对位置；
边框：1px纯白；
高度：60px；
宽度：245px；
垫底：1px；
字体大小：粗体；
边界半径：3px；
颜色：白色；
字体大小：粗体；
顶部：253px；
左：-680px；
}

现在注册，uue

在css

中。主注册btn

您将按钮绝对定位到-680px，从而将按钮发送到屏幕外。移除-仅使用680px，按钮将显示在靠近中心的某个位置或稍偏右的位置，具体取决于屏幕宽度。您可以完全删除

左侧：-680px并查看我在div/屏幕开始处的位置是否正常。你可以试试这个

.main-signup-btn {
background-color: transparent;
position: relative;
border: 1px solid white;
height: 60px;
width: 245px;
padding-bottom: 1px;
font-weight: bolder;
border-radius: 3px;
color: white;
font-weight: bolder;
top: 253px;
/* left: -680px; */ /* This line is sending the button offscreen to the left, change the value or remove completely  */

}
在css
中。主注册btn
您将按钮绝对定位到-680px，从而将按钮发送到屏幕外。移除-仅使用680px，按钮将显示在靠近中心的某个位置或稍偏右的位置，具体取决于屏幕宽度。您可以完全删除
左侧：-680px并查看我在div/屏幕开始处的位置是否正常。你可以试试这个

.main-signup-btn {
background-color: transparent;
position: relative;
border: 1px solid white;
height: 60px;
width: 245px;
padding-bottom: 1px;
font-weight: bolder;
border-radius: 3px;
color: white;
font-weight: bolder;
top: 253px;
/* left: -680px; */ /* This line is sending the button offscreen to the left, change the value or remove completely  */

}
你好。我已经删除了left属性，并插入了
right:680px
，但是出现了相同的问题。我需要把按钮放在这个位置。有什么建议吗？你好。我已经删除了left属性，并插入了
right:680px
，但是出现了相同的问题。我需要把按钮放在这个位置有什么建议吗？