css - 固定元素对齐以始终粘在屏幕底部

Question

我有一个固定元素，它是一个带有几个链接的小菜单，它们会在页面上跟随您。

我正在使用 Squarespace 并使用链接制作一个新的小部件。在 CSS 中，我输入了以下代码：

#moduleContent18520661 { 
    position:fixed  !important;
    margin: auto;
    top:700px;
    left:400px;
    cursor:hand;
    background:#efefef;
    border:1px solid #ffcc00;
    width:480px;
    z-index:100;
}

只有当我在我的电脑上对齐它时它才能完美运行。当我在笔记本电脑上查看时，它太低了。

无论屏幕大小如何，如何将元素固定在屏幕底部？

Answer 1

如果您正在使用position: fixed，您可以明确定位到屏幕的底部或任何其他侧：

#moduleContent18520661 {
    position: fixed;
    bottom: 0; /* the bottom edge of the element will
                  sit against the bottom edge of the window */
    /* other stuff */
}

只需删除top声明并替换为您希望元素底部边缘与窗口底部边缘保持的距离。

此外，cursor应该cursor: pointer; 或者应该cursor: pointer;遵循cursor: hand;，因为那是一个纯粹的 IE 6（如果我没记错的话）专有的 CSS 属性值。