css-position-fixed

by cangmean

HTML

<div class="gray">
    <div class="blue"></div>
    <div class="red"></div>
    <div class="yellow"></div>
  </div>

SCSS

$width: 50px;
$height: 50px;

* {
  margin: 0;
  padding: 0;
}


.gray {
  width: 100%;
  height: 700px;
  background-color: gray;
}

.blue {
  width: $width;
  height: $height;
  background-color: blue;
}

.red {
  width: $width;
  height: $height;
  background-color: red;
  position: fixed;
  bottom: 0;
  right: 0;
}

.yellow {
  width: $width;
  height: $height;
  background-color: yellow;
}