如何在浏览器的右下angular放置一个div?

我试图把我的div与一些笔记在屏幕的右下angular位置将被显示所有的时间。

我用下面的CSS:

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

它适用于Chrome 3和Firefox 3.6,但IE8吸收…

什么可以是一个合适的解决scheme呢?

这个片段至less在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> 

我没有IE8来testing这个,但我很确定它应该工作:

 <div class="screen"> <!-- code --> <div class="innerdiv"> text or other content </div> </div> 

和CSS:

 .screen{ position: relative; } .innerdiv { position: absolute; bottom: 0; right: 0; } 

这应该将.innerdiv放在.screen类的右下angular。 我希望这有帮助 :)

尝试这个:

 #foo { position: absolute; top: 100%; right: 0%; }