我试图将我的div和一些注释放在屏幕的bottom right位置,它们将一直显示.

为此,我使用了以下CSS:

#foo
{
     position: fixed;
     bottom: 0;
     right: 0;
}

它在Chrome3和Firefox3.6上运行良好,但IE8糟糕透了……

有什么合适的解决方案呢?

推荐答案

这段代码至少在IE7中有效

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Test</title>
<style>
  #foo {
    position: fixed;
    bottom: 0;
    right: 0;
  }
</style>
</head>
<body>
  <div id="foo">Hello World</div>
</body>
</html>

Css相关问答推荐

如何允许在bslb中 Select 输入重叠卡片?

如何以Angular 将下拉面板的宽度与其文本框对齐

如何在不重叠侧边栏的情况下尽可能使元素居中?

如何仅使用CSS Select 器根据列表中第n个项的子项属性 Select 该项

导航栏没有使用nextui获取页面的全部宽度

为什么 CSS Calc() 函数只需要+或-运算符前后有空格

如何在Safari中隐藏CSS的offset-path属性?CSS支持规则不按预期工作

排除特定元素的目标元素

如何使用来自单独模块的代码将自定义标头插入到使用 DT Shiny 呈现的表中?

将重复的线性渐变锚定到元素的顶部

将 tailwincss 转换为普通 CSS?

如何在 CSS 中覆盖图像?

CSS设置宽度以填充剩余区域的百分比

范围内的 CSS 未在组件中应用

将 Web 字体转换和渲染为 base64 - 保持原始外观

我应该如何组织我的 CSS 文件的内容?

Select 器.class.class和.class.class有什么区别?

弹性框中的边距折叠

CSS 否定伪类 :not() 用于父/祖先元素

如何将页脚(div)与页面底部对齐?