cara membuat footer berada di paling bawah

Gimana cara membuat footer berada paling bawah browser ?

 section.footer {
    width: 100%;
    height: 100px;
    background-color: white;
    position: absolute;
    bottom: 0;
    border-top: 1px solid rgb(221, 221, 221);
    background-color: salmon;
}

section.footer p {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    text-align: center;
}

section.footer p a {
    color: black;

}

section.footer p .fa-heart {
    color: orangered;
}