2011-11-09 7 views
0

私はいくつかのCSSを書いています。私はいつも一番上にあり、ページの一番下にとどまるパネルバーを作成したい、heightは50pxに固定され、widthは不明です。通常のDIVでこれを行うことはできますか?DIVを一番上のパネルバーにフォーマットする

ありがとうございます。

+0

[CSSスティッキーフッター](http://stackoverflow.com/questions/3906065/css-sticky-footer) – PeeHaa

答えて

0

position:fixed; bottom:0このトリックを行う必要があります。

+1

の可能重複それはそう単純ではない作る数多くの合併症があります。最大の問題は、ドキュメントの下部が常にブラウザウィンドウの高さになるとは限りません。あなたはdivを下に保つためにいくつかのトリックが必要です。 –

1

ウィンドウの下部に?またはページの下部ですか?

それはあなたがウィンドウの下部にそれを望むなら、あなたはSticky-Footer

ような何かを探している、あなたの文書の一番下にあるように、あなたがスクロールしながら、維持するためにあなたが探しているのであれば、 Position:fixedが必要です。

編集:あなたは、それはFacebookのチャットバーのようなウィンドウの下部に滞在したい場合は、あなたがこれを必要とする:

.bottom{ 
    position:fixed; 
    bottom:0; 
} 
+0

Facebookチャットバーのようです –

0

divはブロック要素であるため、inheritlyその含む要素の幅いっぱいです。含まれている要素がbodyタグで、幅制限が設定されていない場合、divはフルブラウザ幅にする必要があります。

div { 
    position: absolute; 
    bottom: 0; 
    height: 50px; 
    z-index: 1000; /* optional, but I set for insurance */ 
} 
関連する問題