html 粘滞页脚

Posted 2021-05-11

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 粘滞页脚相关的知识，希望对你有一定的参考价值。

html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%; }
#footer {
 clear: both;
 position: relative;
 z-index: 10;
 height: 3em;
 margin-top: -3em;
}
#content { padding-bottom: 3em; }

<div id="container">
 <div id="content"></div>
</div>
<div id="footer">My Sticky Footer</div>

以上是关于html 粘滞页脚的主要内容，如果未能解决你的问题，请参考以下文章