Question

我坚持使用粘性页脚的实现。

请注意，我希望页脚总是出现在屏幕的页面而不是页面。

如果重要，我正在使用sharepoint designer 2013进行编码。

我用过的CSS：

.wrapper {
min-height: 100%;
height: auto;
height: 100%;
margin: 0 auto -30px;
overflow: visible;
}
.footer, .push {
height: 30px;
clear: both;
}
.footer {
 background: #0072C6;
 color: #fff;
 line-height: 30px;
 text-align: center;
}
html,body  {
margin-bottom: -30px;
}

HTML结构：

<form id="form1" runat="server">
<div class="wrapper">
</div>
<div class="footer">
<span>This is my SharePoint 2013 Footer</span></div>
</form>

页脚不粘。拜托，有人可以帮我吗？

提前致谢。如果您需要更多详细信息，请与我们联系。

Answer 1

好吧，尝试将position : fixed和bottom : 0添加到您的footer代码中，它会停留在页面底部，结帐链接;

Fixed Footer

出于美观原因，您甚至可以向其添加width: 100%，这会增强GUI

Answer 2

使用以下内容：

块引用

＆＃13;

html, body {
	height: 100%;
	margin-bottom: -30px;
}
.wrapper {
	min-height: 100%;
	height: auto;
	margin: 0 auto -30px;
	overflow: visible;
}
#form{
    min-height: 100%;
    position: relative;
}
.footer, .push {
	height: 30px;
	clear: both;
}
.footer {
	background: #0072C6;
	color: #fff;
	line-height: 30px;
	text-align: center;
	position:absolute;
	bottom:0;
	width:100%;
}

＆＃13;

<form id="form1" runat="server">
<div class="wrapper">
</div>
<div class="footer">
<span>This is my SharePoint 2013 Footer</span></div>
</form>

＆＃13;

**

HTML：在页面底部修复页脚[使用Sharepoint Designer 2013]

2 个答案: