Javascript 内部元件'；s定位被父div覆盖'；s位置

我在一页的底部有一个div。在该分区内，弹出一个按钮（2秒后），用户可以单击该按钮关闭外壳分区

外壳div有一个

固定

位置，按钮为

绝对

，顶部为0；右：0。但当显示元素时（如代码段所示），按钮的样式将更改为“

”字体大小：12px；字体系列：tahoma；右：0px；颜色：rgb（85，85，85）；可见性：可见；”

，删除原始绝对值。如果我使用inspect元素手动将其添加到它中，它将按预期的方式向右移动。但为什么它一开始就没有表现出来呢

adh（'test'，320100）；
adh功能（dfp、len、hgt）{
var-adhBase=document.createElement（'div'）；
adhBase.id=dfp；
if（false）{
//有移动地平线吗？？？
}否则{
adhBase.style=“z-index:9999；高度：“+hgt+”像素；位置：固定；底部：0；左侧：50%；宽度：“+len+”像素；变换：translateX（-50%）；框大小：边框框；背景色：浅蓝色；”；
}
document.body.appendChild（adhBase）；
//关闭按钮
var adhClose=document.createElement（'button'）；
adhClose.id='closeBtn'；
adhClose.style='字体大小：12px；字体系列：tahoma；位置：绝对：顶部：0；右侧：0；边框：1px实心#ccc；颜色：#555；框大小：边框框：文本装饰：无；可见性：隐藏'；
adhClose.innerHTML='close'；
document.getElementById（dfp）.appendChild（adhClose）；
console.log（'3'）；
//关闭按钮的函数
document.getElementById（'closeBtn'）。addEventListener（'click'，函数（e）{
e、 预防默认值（）；
this.parentNode.style.display='none'；
});
setTimeout（函数（）{
adhClose.style.visibility=“可见”
}, 2000);
}

位置：绝对：顶部：0，
框大小：边框框：文本装饰：无凯文B，我可以看出你有点输入错误，但你只是说要删除
右侧：0就这样？因为如果是这样，我已经试过了。我从你的代码中复制了这一点，分号应该在冒号的地方。凯文B哦，天哪，现在我觉得自己像个傻瓜，我建议你使用domElement.class而不是domElement.style