Как прилепить дочерний элемент к низу родителя?

Question

[SideWest]

Прошу подскажите как эту белую штуку прижать к низу

.main {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 566px;
  height: 456px;
  background-color: #E9B9FF;
  border: 2px solid black;
  transform: translate(-50%,-50%);
  &_contacts {
    background-color: #FFFF;
    opacity: .80;
    width: 566px;
    height: 38px;

  }
}

Answer 1

[Dymok]

ребенку

position: absolute;
bottom: 0;
left: 0;
width: 100%;

Answer 2

[Рома Зварич]

Как прилепить дочерний элемент к низу родителя?

1) Либо с помощью абсолютного позиционирования:

.main_contacts {
  ...
  position: absolute;
  left: 0;
  bottom: 0;
  ...
}

Пример рабочего кода на Codepen
.
.
2) Либо с помощью Flexbox

.main {
  ...
  display: flex;
  flex-direction: column;
  ...
}
.main_contacts {
  ...
  margin-top: auto;
  ...
}

Пример рабочего кода на Codepen