私はいくつかのCSSを書いています。私はいつも一番上にあり、ページの一番下にとどまるパネルバーを作成したい、height
は50pxに固定され、width
は不明です。通常のDIVでこれを行うことはできますか?DIVを一番上のパネルバーにフォーマットする
ありがとうございます。
私はいくつかのCSSを書いています。私はいつも一番上にあり、ページの一番下にとどまるパネルバーを作成したい、height
は50pxに固定され、width
は不明です。通常のDIVでこれを行うことはできますか?DIVを一番上のパネルバーにフォーマットする
ありがとうございます。
position:fixed; bottom:0
このトリックを行う必要があります。
の可能重複それはそう単純ではない作る数多くの合併症があります。最大の問題は、ドキュメントの下部が常にブラウザウィンドウの高さになるとは限りません。あなたはdivを下に保つためにいくつかのトリックが必要です。 –
ウィンドウの下部に?またはページの下部ですか?
それはあなたがウィンドウの下部にそれを望むなら、あなたはSticky-Footer
ような何かを探している、あなたの文書の一番下にあるように、あなたがスクロールしながら、維持するためにあなたが探しているのであれば、 Position:fixedが必要です。
編集:あなたは、それはFacebookのチャットバーのようなウィンドウの下部に滞在したい場合は、あなたがこれを必要とする:
.bottom{
position:fixed;
bottom:0;
}
Facebookチャットバーのようです –
div
はブロック要素であるため、inheritlyその含む要素の幅いっぱいです。含まれている要素がbody
タグで、幅制限が設定されていない場合、divはフルブラウザ幅にする必要があります。
div {
position: absolute;
bottom: 0;
height: 50px;
z-index: 1000; /* optional, but I set for insurance */
}
[CSSスティッキーフッター](http://stackoverflow.com/questions/3906065/css-sticky-footer) – PeeHaa