Верстка футера.
 

Всем привет. Сверстал на сайте футер, который всегда расположен внизу страницы и не закрывается область контента.

html{
min-height: 100%;
position: relative;
padding-bottom: 60px;
}
footer{
height: 60px;
position: absolute;
bottom: 0;
width: 100%;
}

Однако в данном случае высота футера напрямую связана с padding-bottom у html. То-есть высота выставляются вручную. В моем же случае высота у футера будет зависеть от количества контента, то-есть будет динамической. В этом случае возникает вопрос. Как сделать динамическую высоту у padding-bottom средствами CSS или в крайнем случае JS (jQuery)?

LLIypuk, flex-box