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

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