固定页脚通过CSS只

我想使class.cart始终固定在屏幕底部，就像固定的页脚一样。目前，用户必须滚动到页面底部才能查看此分区。我尝试了以下css，但现在有用

虽然这段代码在我的JS小提琴上很好用，但在我的网页上却不行（下面的链接）

JS小提琴-->

我的网页-->

---

您好，将此代码添加到您的样式将使其正常工作， 您需要使页脚在定位的同时保持粘性，所以我在这里为您添加了底部：0px

footer.site-footer {
    position: sticky;
    bottom: 0px;
}

为了更好地查看，我建议您在文本div后面使用背景白色，因为现在它是透明的，所以会弄乱内容

.footer-bottom {
    background: white;
}

---

寻求代码帮助的问题必须包含在问题中重现问题所需的最短代码，最好是在堆栈片段中。虽然您提供了一个链接，但如果该链接无效，您的问题对其他将来遇到相同问题的用户将毫无价值。请参阅。上面的示例将导致元素

.cart

显示在屏幕的底部边缘。您确定没有其他CSS覆盖这些样式吗？您添加的JSFIDLE正好说明了这一点。不过，请注意，并非所有移动浏览器都支持固定定位。另见。@feeela我所知的一个都没有。这就是我需要帮助查找问题根源的原因。@Paulie\u我已经用JS fiddle更新了我的问题。谢谢你的意见。我不想让它变得黏糊糊的。实际上，我想制作元素。购物车将其粘贴到屏幕截图中以黄色显示的元素中：给你：

.form-element.form-element-field5.form-element-2.form-element-type customText.isrequired false.odd.-handle.default-false.options-false.index-false{位置：粘滞；底部：0；左侧：100px；z索引：110；}

不要忘记给它一些ID或类，所以您有一个简单的css选择器。如果这解决了您可以向上投票；）感谢您的输入！它只在桌面上工作…是否也有办法使它在移动上工作？如果您调整窗口的大小，您可以看到它停止粘，一旦屏幕变小。您只需要应用位置：粘性！重要提示；因为手机上的此样式正在被覆盖。一旦您在position and bottom上应用了重要提示，它将很好地工作。它仍然无法在手机上工作。而且它甚至已经停止在桌面上工作。它在手机上工作吗？

.footer-bottom {
    background: white;
}