如何在浏览器的右下角放置div? [英] How to position a div in bottom right corner of a browser?

查看:120
本文介绍了如何在浏览器的右下角放置div?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我试图在屏幕的右下角位置放置一些音符,它将一直显示。

I am trying to place my div with some notes in the bottom right position of the screen which will be displayed all time.

我用下面的css为它:

I used following css for it:

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

它适用于Chrome 3和Firefox 3.6,但IE8很糟糕...

It works fine with Chrome 3 and Firefox 3.6 but IE8 sucks...

这是一个合适的解决方案吗?

what can be a suitable solution for it?

推荐答案

在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>

这篇关于如何在浏览器的右下角放置div?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆