将div标签固定在页面底部的傻瓜式方法

将div标签固定在页面底部的傻瓜式方法

七月 20, 2020

当时为了在底部添加ICP备案号，结果没发现傻瓜式方法。

在html前面添加到 <style> 中：

1
2
3
4
5
6
7
8
9
.foot-home {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	padding: 1em 0;
	text-align: center;
}

然后加入：

1
2
3
<div id="footer_homepage" class="foot-home js-foot-home">
	 <a href="http://beian.miit.gov.cn/" target="_blank" style="color: #bdbdbd;">粤ICP备xxx号</a>
</div>