element를 bottom에 위치시키는 3가지 방법

.parent {
  display: flex;
  flex-direction: column;
}
.child {
  margin-top: auto;
}

/* 또는 */
.parent {
  display: flex;
}
.child {
  align-self: flex-end;
}

.parent {
    position: relative;
}

.child {
    position: absolute;
    bottom: 0;
}

.parent {
    height:100%;
    border-collapse:collapse;
    display : table;
}

.child {
    display : table-row;
    vertical-align : bottom;
    height: 1px;
}