如何在浏览器的右下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%; }