Javascript 如何使一个按钮始终浮在另一个按钮上

我创建了一个有两个绿色“加号”按钮的应用程序，当你按下右边的绿色“加号”按钮时，它会打开一个文本区域和两个按钮：一个绿色的“salvar”和一个红色的“cancelar”按钮。问题是，当我在按钮（页面顶部）上方放置标题之类的内容时，红色和绿色按钮会离开该位置，但绿色的“加号”按钮不会。我想让红色和绿色按钮跟随绿色的“加号”按钮位置，并停留在它们上面

为了便于理解，我使代码比原来的代码简洁、小

提前谢谢

函数leftGreenButton（）{
警报（“左加号按钮”）；
location.hash='#add'；
}
函数rightGreenButton（）{
警报（“右加号按钮”）；
$（'overlay，'overlay back'）。fadeIn（500）；
$（“.text hidden”）.toggleClass（“text”）；
$（“.saving”）.toggleClass（“myButton”）；
$（“.canceling”）.toggleClass（“myButton”）；
document.getElementById（“取消”）.onclick=function（）{
$（“.text hidden”）.toggleClass（“text”）；
$（'overlay，'overlay back'）。淡出（500）；
$（“.saving”）.toggleClass（“myButton”）；
$（“.canceling”）.toggleClass（“myButton”）；
document.getElementById（“desc”）.value=“”；
};
document.getElementById（“保存”）.onclick=function（）{
if（document.getElementById（“desc”）.value==null | | document.getElementById（“desc”）.value==null）{
警惕（“预先准备好描述！”）；
}否则{
$（“.text hidden”）.toggleClass（“text”）；
$（'overlay，'overlay back'）。淡出（500）；
$（“.saving”）.toggleClass（“myButton”）；
$（“.canceling”）.toggleClass（“myButton”）；
}
};
}

#headerR{
宽度：80px；
高度：80px；
位置：绝对位置；
最高：90%；
右：30px；
}
#海德尔{
宽度：80px；
高度：80px；
位置：绝对位置；
最高：90%；
左：40px；
}
#addconfigR{
宽度：70px；
高度：70像素；
背景：绿色；
颜色：#FFFFFF；
字体大小：40px；
字号：700；
}
#addconfigL{
宽度：70px；
高度：70像素；
背景：绿色；
颜色：#FFFFFF；
字体大小：40px；
字号：700；
}
html，正文{
宽度：99%；
身高：99%；
}
#覆盖背面{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：110%；
背景：#000；
不透明度：0.6；
过滤器：α（不透明度=60）；
z指数：5；
显示：无；
}
#覆盖层{
位置：绝对位置；
宽度：100%；
身高：75%；
z指数：10；
显示：无；
}
.隐藏的文本{
变换：scaleX（0）；
变换原点：0%40%；
过渡：全部。7秒轻松；
最高：50%；
左：50%；
}
.储蓄{
变换：scaleX（0）；
变换原点：0%40%；
过渡期：全部9秒轻松；
高度：1px；
位置：绝对位置；
底部：10%；
右：39px；
背景：绿色；
颜色：白色；
}
.取消{
变换：scaleX（0）；
变换原点：0%40%；
过渡期：全部9秒轻松；
高度：1px；
位置：固定；
底部：10%；
左：39px；
背景：红色；
颜色：白色；
}
.文本{
变换：scaleX（1）；
宽度：300px；
高度：150像素；
位置：绝对位置；
最高：5%；
左：50%；
利润上限：-75px；
左边距：-150px；
}
.我的按钮{
变换：scaleX（1）；
宽度：80px；
高度：80px；
字体大小：15px；
}

塔雷法斯米哈斯酒店
.自定义组合框{
位置：相对位置；
显示：内联块；
}
.自定义组合框切换{
位置：绝对位置；
排名：0；
底部：0；
左边距：-1px；
填充：0；
}
.自定义组合框输入{
保证金：0；
填充物：5px10px；
}

+ 

萨尔瓦多
取消者
+                         

函数leftGreenButton（）{
警报（“左加号按钮”）；
location.hash='#add'；
}
函数rightGreenButton（）{
警报（“右加号按钮”）；
$（'overlay，'overlay back'）。fadeIn（500）；
$（“.text hidden”）.toggleClass（“text”）；
$（“.saving”）.toggleClass（“myButton”）；
$（“.canceling”）.toggleClass（“myButton”）；
document.getElementById（“取消”）.onclick=function（）{
$（“.text hidden”）.toggleClass（“text”）；
$（'overlay，'overlay back'）。淡出（500）；
$（“.saving”）.toggleClass（“myButton”）；
$（“.canceling”）.toggleClass（“myButton”）；
document.getElementById（“desc”）.value=“”；
};
document.getElementById（“保存”）.onclick=function（）{
if（document.getElementById（“desc”）.value==null | | document.getElementById（“desc”）.value==null）{
警惕（“预先准备好描述！”）；
}否则{
$（“.text hidden”）.toggleClass（“text”）；
$（'overlay，'overlay back'）。淡出（500）；
$（“.saving”）.toggleClass（“myButton”）；
$（“.canceling”）.toggleClass（“myButton”）；
}
};
}

#headerR{
宽度：80px；
高度：80px；
位置：绝对位置；
最高：90%；
右：30px；
}
#海德尔{
宽度：80px；
高度：80px；
位置：绝对位置；
最高：90%；
左：40px；
}
#addconfigR{
宽度：70px；
高度：70像素；
背景：绿色；
颜色：#FFFFFF；
字体大小：40px；
字号：700；
}
#addconfigL{
宽度：70px；
高度：70像素；
背景：绿色；
颜色：#FFFFFF；
字体大小：40px；
字号：700；
}
html，正文{
宽度：99%；
身高：99%；
}
#覆盖背面{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：110%；
背景：#000；
不透明度：0.6；