定義div盒（底部）與不同分辨率的高度

Question

我在將適當文本設置到滑塊時遇到問題。我希望文字出現在頁面的右下角。唯一的問題是不同的分辨率（平板電腦，筆記本電腦，24英寸顯示器）。

測試頁：http://tinyurl.com/d825kuv

代碼：

div { 
position:relative; 
float:right; 
vertical-align: bottom; 
} 

Answer 1

務必：

position:absolute; 
right:0px; 
bottom:0px; 

這將確保有問題的元素將是最右，並儘量降低內儘可能的父母。當然，如果你想從右側/底部進行填充，只需將像素提高一個檔次即可。請注意，位置：絕對只有在父母的位置未設置爲默認位置時纔有效。如有疑問，給你父以下樣式：

position:relative; 

Answer 2

一個元素移動到<div>的底部，設置父<div>的位置相對：position:relative，那麼<div>要被放置在底部應該有CSS

div { 
position: absolute; 
bottom: 0; 
right:0; 
} 

然後就調整的像素值，以滿足您的佈局。