Несколько человек поставили ответ на эту простую проблему здесь, но мне нужно добавить одну вещь, учитывая, насколько я расстроен, пока не понял, что я делаю неправильно.
Как уже упоминалось, большинство простой способ сделать это так.
html {
position: relative;
min-height: 100%;
}
body {
background-color: transparent;
position: static;
height: 100%;
margin-bottom: 30px;
}
.site-footer {
position: absolute;
height: 30px;
bottom: 0px;
left: 0px;
right: 0px;
}
Однако свойство, не упомянутое в сообщениях, по-видимому, потому, что оно обычно является по умолчанию, является позицией: static на теге body. Относительно относительного отношения не будет!
Моя тема Wordpress переопределила отображение тела по умолчанию, и это смутило меня в течение долгого времени.