如何讓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來控制倉位。