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 属性值。