固定元素對齊始終粘貼到屏幕底部

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