アイコンを右下に固定する方法

HTMLでアイコンや文字列などを右下に固定する方法です。

HTML

<div class="neko">&#x1f63a;</div>

CSS

.neko{
  position:fixed;
  bottom:10px;
  right:10px;
}

サンプルは次のとおりです。
サンプル

スクロールしても右下のアイコンの位置は変わりません。
今回は絵文字を使いましたが文字列や画像でも同様です。

コメント

タイトルとURLをコピーしました