web-dev-qa-db-ja.com

ページの右下に固定ボタンを追加する方法

ウェブページの下部に固定ボタンを追加するのに問題があります。ピクセルでさまざまな数値をテストしていますが、ボタンは右側のページの下に表示されていません。

HTML

<a href="#head"><img src="upbutton.png" id="fixedbutton"></a>

CSS

.fixedbutton {
    position: fixed;
    bottom: 560px;
    right: 1000px; 
}
24
Brian Lam

CSS(クラス)で.fixedbuttonを指定し、要素自体でidを指定しています。

CSSを次のように変更し、id fixedbuttonを選択します

#fixedbutton {
    position: fixed;
    bottom: 0px;
    right: 0px; 
}

ここに jsFiddle があります JoshC

59
chopper