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

Question

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

HTML

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

CSS

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

Answer 1

.fixedbuttonCSS（クラス）で指定idし、要素自体でを指定しています。

CSS を次のように変更します。これにより、idfixedbuttonが選択されます。

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

これは JoshC の好意によるjsFiddleです。

Answer 2

.bottomFixButtionComponent{
  position: fixed;
  bottom: 0px;
  padding-top: 10px;
  background: yellowgreen;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  box-shadow: 0px -4px 3px rgb(27 27 24 / 75%);
  }

<h1> Bottom Fix component </h1>
      
        <div class="bottomFixButtionComponent"> 
          <button>Clear </button>
          <div>|</div>
          <button>Submit </button>
         </div>