How to make footer bar always at bottom?

Hello there! Like title, I tried to move the footer bar to always at bottom (due to short content on some pages). Tried with code below but it stuck at where its initial place . How should I do this?

imgur

/* Pad footer from bottom */
.site-footer {
	position:absolute;
	bottom:0;
	width:100%;
}

Thanks in advance.