Css 控件在移动设备上的Chrome中移动到底部以下

我的朋友和我正在尝试用不同的步骤创建一个表单

当屏幕足够小时，屏幕底部会显示控件，以指示用户可以进入下一步

不幸的是，在Chrome上，这些控件有些隐藏，因为顶部栏偏移了整个视图，如下所示：

---

当用户访问页面而不必向下滚动时，确保控件完全显示的最佳方法是什么

起初似乎太简单，但在评论中澄清后，答案是使用位置：固定；底部：0；。关于位置：固定的文档可以找到：

具有position:fixed的元素相对于视口定位，这意味着即使页面被滚动，它也始终保持在同一位置。顶部、右侧、底部和左侧属性用于定位图元

---

在它们内部，必须向下滚动？因此，您希望用户向下滚动查看控件，还是希望在不需要向下滚动的情况下显示控件？@Aaron3219 Typo对不起。后者，用户不必向下滚动才能看到控件。我已经更新了帖子：好的，最后一个问题，我会知道你想要什么：即使用户出于某种原因（例如，由于内容太多，页面很长）必须向下滚动，控件是否也应该始终可见？@Aaron3219，在这些情况下，它们应该始终对用户可见：如果您确认，我将给出一个答案，但它似乎太简单：您是否尝试过位置：固定；底部：0；？因为在我的安卓系统上，in工作正常，并保持不变。