如何在Windows屏幕的底部移动div

Question

我需要在Windows浏览器的底部放置一个div“propped”。 就像facebook上chat的那个。当我滚动页面时，它必须始终位于屏幕的bottom。

固定？我知道IE7很糟糕......

我该怎么做？

Answer 1

#yourdiv {
    position: fixed; /* This will be always visible and positioned where you want */
    bottom: 0; /* place it to the bottom */
    z-index: 9999; /* You may want to be sure no other elements will be displayed on top of it, raise this if it's still being displayed under other elements */
}

http://jsfiddle.net/zQNcu/9/

位置：固定是要走的路。无论页面滚动如何，这都是将div显示在同一位置的唯一方法。否则，如果这不起作用（可能是较旧的浏览器），则无论页面滚动如何，都需要JS将其保持在特定位置。

Answer 2

使用position: fixed; css属性

#somediv {
    position: fixed;
    bottom: 0px;
}
*html #somediv {
    position: absolute;
}