Html 如何在滚动时将窗体元素固定在屏幕底部？

我有一个简短的问题。在我的网站上，如果你一直向下滚动页面，你会看到一个电子邮件营销搜索框

我希望它总是显示在固定在底部的屏幕上，这样无论用户是向上还是向下滚动。营销搜索栏总是在底部可见

它很像我的顶部导航栏，但位于屏幕底部。问题是，虽然导航栏作为元素的一部分很容易固定顶部，但市场营销搜索框却有点棘手，因为它不是一个`

下面是代码，如何设置

/*-----------营销电子邮件-------*/
#营销电子邮件{
填充：1em；
宽度：100%；
文本对齐：居中；
/*背景图像：线性梯度（rgba（0,0,0,0.8），rgba（0,0,0.8））*/
背景色：#5398ff；
颜色：白色；
边框：1px实心#1034A6；
}
#市场电子邮件{
填充：0.5em；
宽度：30%；
}
.营销btn{
背景：#1034A6；
颜色：白色；
填充：0.5em；
边框：1px实心#fff；
}

加入我们的邮件列表，随时更新我们的新课程和服务

发送

您是否尝试过

位置：固定

#marketing-email {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
}

奇怪的是，当我尝试您的答案时，它导致营销电子邮件表单消失。您是否设置了
bottom
属性？我在你的网站上试过了，效果很好