如何让div显示在用户屏幕的正确右下角？

Question

我需要一个div才会出现在用户屏幕的右下方。这意味着，无论用户是20英寸显示器还是50英寸显示器，div总是需要显示在最右下方。所以定位无法修复。

我试过这个并且失败了：

<style>
   .floatBox { border: 1px solid red; width: 300px; height: 100px; position: absolute;  float: right; margin-top: 100%; }
</style>

<div class="floatBox"></div><!-- floatBox -->

我觉得它只能用javascript（jQuery）完成，在任何一种情况下都有人有解决方案吗？

Answer 1

为什么不能使用固定定位？

.floatBox {
   position : fixed;
   bottom   : 0px;
   right    : 0px;
}

Answer 2

为什么你使用绝对定位并同时浮动？看看小提琴......

http://jsfiddle.net/xP25j/

我希望这会有所帮助 赫里斯托斯

Answer 3

试试这个......

<style>
.floatBox { 
        border: 1px solid red; 
        background:#000000;
        position:fixed;
        width:100px;
        right:0px;
        margin-top:97%;
}
</style>

否则在div中创建div来控制位置。