CSSのポジショニング

Question

イライラ）。私はまた、テキストが常に底にあるように、さまざまなモニタの解像度に基づいてフッターに10-20ピクセルを浮かべたい

「ポジショニング」スタイルシートのプロパティ内でチェックするにはどのようなオプションが必要ですか？相対？一定？絶対の？

これまでの設定では、[上端]に600px、[下端に200px]の[相対]が設定されています。しかし、それは13インチのモニターではすばらしく、27インチのモニターではページの真ん中に表示されます。

モニターのサイズとは無関係に、ブラウザのステータスバーの前に少し息を吐くだけで、邪魔なものを一番下に置いておきます。

Answer 1

position: fixedを使用して、フッターをウィンドウの下部に貼り付けます。簡単なデモhereを作成しました。

CSS：

div#footer { 
    position: fixed; 
    background: red; 
    text-align: center; 
    padding-bottom: 20px; 
    bottom: 0; 
    left: 0; 
    right: 0; 
}​ 

は赤色の背景は明らかに除去することができ、padding-bottomは、要件に変更することができます。

bottom: 0,およびright: 0プロパティでは、フッターをページの下部に移動し、全体を引き伸ばします。

---

は、すべての道を横断ストレッチしませんフッターを作るために、this JSFiddle out insteadを試してみてください。内側の要素と自動的な左右のマージンを使用します。