要素を固定表示する

カルメラ焼き

特に何も指定していない場合、

<style>
  .sita{
   background-color: red;
   height: 20px;
   width: 100%;
 }
</style>

<body>
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <div class="sita"></div>
</body>

「position: fixed;」の指定で下部に固定で表示されるようになる。

<style>
  .sita{
   background-color: red;
   height: 20px;
   width: 100%;
   position: fixed;
   bottom: 0;
 }
</style>

<body>
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <div class="sita"></div>
</body>

この記事が気に入ったらサポートをしてみませんか？