如何在浏览器的右下角放置div? [英] How to position a div in bottom right corner of a browser?
本文介绍了如何在浏览器的右下角放置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屋!
查看全文