css 页脚到底部

Posted

tags:

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

<div class="wrapper"> 
<div class="main-content">
</div>
</div>
<footer class="page-footer">
</footer>


/* прибьём футер к низу*/
.wrapper{
	position:relative;
	min-height:100%;
	height:auto!important;
	overflow:hidden;
}
.wrapper:after {
	content: "";
	height: 80px;
	display: block;
}
.page-footer{
	height: 80px;
	margin-top: -80px;	
}
/* прибьём футер к низу - конец*/

以上是关于css 页脚到底部的主要内容,如果未能解决你的问题,请参考以下文章

css 在短页面上强制页脚到底部

HTML/CSS 页脚从页面中间开始,然后移动到底部

仅在滚动到底部时将页脚固定到底部

Nativescript RadListView 使用页脚滚动到底部

将页脚固定到底部,向右移动

侧边栏不会扩展到底部