я пытаюсь заставить мой нижний колонтитул придерживаться нижней части моей страницы. Я'Мы следили за множеством разных уроков (большинство из них очень похожи) на липких нижних колонтитулах, но ни один из них мне не помог. По какой-то причине нижний колонтитул прилипает к нижней части экрана вместо страницы ...

Это макет div в моем HTML:

Это мой CSS:

html, body {
height: 100%;

#wrapper {
min-height: 100%;
position: relative;
}

#content {
position: absolute;
padding-bottom: 300px; (same as footer height)
}

#footer {
width: 100%;
height: 300px;
position: absolute;
bottom: 0px;
}