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

Question

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

Answer 1

使用position: fixed ，并将其锚定到页面的top和right ：

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

IE6不支持position: fixed 。 如果你在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在所有浏览器中position:fixed但IE，在IE ， position:absolute将生效， bottom:0 。 这将模拟position:fixed为IE6 position:fixed