css – 如何在浏览器的右下角定位div?

前端之家收集整理的这篇文章主要介绍了css – 如何在浏览器的右下角定位div?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图把我的div与一些笔记在屏幕的右下角位置,将显示所有的时间。

我使用以下css为它:

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

它适用于Chrome 3和Firefox 3.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相关文章