css-position-left-bottom

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;
  position: absolute;
  left: 10px;
  bottom: 0;
}