CSS CSS粘滞页脚

Posted 2021-05-23

tags:

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

html, body, #wrap {height: 100%;}

body &gt; #wrap {
    height: auto;
    min-height: 100%;
}

#main {padding-bottom: 150px;}  /* Muss genau so hoch sein wie der Footer */

#footer {
    position: relative;
	margin-top: -150px; /* Negativer Wert der Footer-HÃ¶he */
	height: 150px;
	clear:both;
}

/* optional clearfixhack */

.clearfix:after {
    content: &quot;.&quot;;
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}

/* Bereich nicht fÃ¼r IE-mac Anfang \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Bereich nicht fÃ¼r IE-mac Ende */

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