首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使DIV始终浮动在屏幕的右上角?

如何使DIV始终浮动在屏幕的右上角?
EN

Stack Overflow用户
提问于 2010-11-21 10:44:09
回答 2查看 130.9K关注 0票数 57

如何使DIV始终浮动在屏幕的右上角,以便即使当我向下滚动页面时,DIV仍然显示在相同的固定位置?谢谢。

EN

回答 2

Stack Overflow用户

发布于 2010-11-21 10:45:51

使用position: fixed,并将其锚定到页面的topright端:

代码语言:javascript
复制
#fixed-div {
    position: fixed;
    top: 1em;
    right: 1em;
}

但是,IE6不支持position: fixed。如果您需要在IE6中使用此功能,this purely-CSS solution似乎可以做到这一点。您需要一个包装器<div>来包含一些样式才能工作,如stylesheet中所示。

票数 83
EN

Stack Overflow用户

发布于 2010-11-21 10:56:18

使用position:fixed,如前所述,IE6不能识别position:fixed,但是使用一些css魔法,您可以让IE6运行:

代码语言:javascript
复制
html, body {
    height: 100%;
    overflow:auto;
}
body #fixedElement {
    position:fixed !important;
    position: absolute; /*ie6 */
    bottom: 0;
}

!important标志使得你不必在IE中使用条件注释。这将使#fixedElement在除IE之外的所有浏览器中使用position:fixed,并且在IE中,position:absolute将与bottom:0一起生效。这将模拟IE6的position:fixed

票数 12
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4236151

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档