• flex
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
.parent {
  display: flex;
  flex-direction: column;
}
.child {
  margin-top: auto;
}

/* 또는 */
.parent {
  display: flex;
}
.child {
  align-self: flex-end;
}
  • absolute
1
2
3
4
5
6
7
8
.parent {
    position: relative;
}

.child {
    position: absolute;
    bottom: 0;
}
  • table row
1
2
3
4
5
6
7
8
9
10
11
.parent {
    height:100%;
    border-collapse:collapse;
    display : table;
}

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

Reference

https://stackoverflow.com/questions/526035/how-can-i-position-my-div-at-the-bottom-of-its-container