如何使DIV始终浮在右上角的屏幕上？

Question

如何使DIV始终浮在屏幕的右上角,这样即使我向下滚动页面,DIV仍会显示在同一个固定位置？谢谢.

Answer 1

使用position: fixed,并且它锚定到top和right页面的两面:

#fixed-div {
    position: fixed;
    top: 1em;
    right: 1em;
}

position: fixed但是,IE6不支持.如果你在IE6中需要这个功能,这个纯粹的CSS解决方案似乎可以解决问题.你需要一个包装器<div>来包含一些样式才能工作,如样式表中所示.

Answer 2

使用position:fixed,如前所述,IE6无法识别position:fixed,但有了一些css魔法,你可以让IE6表现:

html, body {
    height: 100%;
    overflow:auto;
}
body #fixedElement {
    position:fixed !important;
    position: absolute; /*ie6 */
    bottom: 0;
}

该!important标志使得您不必对IE使用条件注释.这将#fixedElement使用position:fixed在所有的浏览器,但IE浏览器,并IE,position:absolute将采取与效果bottom:0.这将模拟position:fixedIE6