css - div ボックス (下) と異なる解像度の高さを定義する

Question

適切なテキストをスライダーに設定する際に問題があります。ページの右下にテキストを表示したい。唯一の問題は、異なる解像度 (タブレット、ラップトップ、24 インチ モニター) です。

テストページ: http://tinyurl.com/d825kuv

コード：

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

Answer 1

要素をの下部に移動するには<div>、親<div>の位置を相対 値に設定しますposition:relative。次に、<div>下部に配置する必要があるのはCSSである必要があります。

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

次に、レイアウトに合わせてピクセル値を調整します。

Answer 2

行う：

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

これにより、問題の要素が可能な限り右に、親の中で可能な限り下に配置されるようになります。もちろん、右/下からパディングしたい場合は、ピクセルを1ノッチ上げてください。position：absoluteは、親の位置がデフォルトとして設定されていない場合にのみ機能することに注意してください。疑わしい場合は、親に次のスタイルを与えてください。

position:relative;